How to create a dynamic slider with WeWeb?

Step 1: Log into Your WeWeb Account

To begin, you'll need to log into your WeWeb account. If you do not already have an account, you can create one by clicking on the 'sign up' button. Once you have entered your login information, click on the 'login' button to access your account.

Step 2: Choose the Desired Project

After logging in, you will be redirected to your Dashboard page. Here you will see a list of your current projects. If you want to add a dynamic slider to an existing project, click on the title of the project. If you want to create a new project, click on the 'Create New Project' button and follow the prompts.

Step 3: Navigate to the Page Editor

Once you’ve selected the desired project, you will be navigated to the site editor view. At this point, navigate to the specific page you wish to add a dynamic slider by choosing it from the pages option on your left-hand side.

Step 4: Add a SlideShow Component

On the editor screen, look for the '+' button which should be on the upper right corner of the elements panel. Click on it to reveal a dropdown menu with various element possibilities. Look for the option labeled 'SlideShow'. Click on it and it will be added at the spot where your cursor is on the page.

Step 5: Add Images to the Slideshow

Once you've added the Slideshow to your page, click on each slide and, on the right panel that will appear, click on 'Image' to select and insert images from your device or choose from the stock images provided by WeWeb.

Step 6: Set SlideShow Dynamic Settings

While still in the SlideShow tool editor, at the top of your screen are different setting options. One of them is labelled 'Setting'. Choose this button to be redirected to the SlideShow Settings where you can adjust the slider settings. Check the 'Dynamic' box to make the slider dynamic.

Step 7: Customize Your Slides

From your slideshow settings, you can customize each slide to your preference. You can set the slide transition styles, allow continuous looping, set the transition timing delay, and even allow for user interaction like being able to click and slide.

Step 8: Save Your Changes

After you've finished customizing your dynamic slider, ensure you click the 'Publish' button located on the top right corner of the site. This will save and implement your changes to your project.

Step 9: Preview Your Project

Now that your dynamic slider has been created and saved, you can preview the changes by clicking on the 'Preview' button at the top of the page. This allows you to see how your slideshow looks like and operates before publishing it for viewers.

In conclusion, WeWeb makes it incredibly straightforward to add a dynamic slider to your project; following these instructions will guide you through the process without any hurdle.