Adding sliders and promo bars to Instant Site

• Available on Pro, Standard, Advanced, Enterprise
• Available on Basic, Core, Plus

Sliders and promo bars, which you can add to your eCom (E-Series) Instant Site, are great for enhancing your customers' website experience. 

Adding a slider to your website

Slider, or carousel, shows one big image at a time as an automatic or manual slideshow. It also contains a little snippet of text and the call-to-action button. Slider is a great way to showcase particular products in detail, list brands you sell, announce sale prices, highlight a portfolio, or explain why customers need to choose your brand.

To add a slider to your website:

1. Navigate to your eCom Admin Panel.
2. From the side menu, click Website > Edit Site.
3. Click Add Section.
4. On the menu on the left, click Promo Sliders and select the template. It will be added to your list of site blocks and opened for editing.
5. In your editor, click on the slide name in the Slides menu on the left to replace the default content with your images and texts.
6. Click Button to specify the text on the button and where it should lead visitors. A button on each slide can have its unique copy and perform a specific action on click.

7. To change the appearance of the slide content, click Back and then switch to the Design tab:

   

On the Design tab, you can choose how the slider looks on desktop and mobile screens, turn off and on the automatic slideshow, add a color overlay for photos, change font and lettering, and hide the slide title, description, and the button.

Adding a promo bar to your website

Promo bars are narrow colored banners usually placed on top of site pages. They’re great for welcoming customers, drawing attention to sales, announcing promotions like free shipping, etc.

You can add one of the dedicated announcement bar sections to your Instant Site. No matter what page you add a bar to, it will be shown at the top of each page in your store.

To add the announcement bar block to your website:

1. Navigate to your eCom Admin Panel.
2. From the side menu, click Website > Edit Site.
3. Click Add Section.
4. On the menu on the left, click Announcements and select the template you like. It will be added to your list of site blocks and opened for editing.
5. On the Content tab, enter your text for the bar. You can also set up an button if you like.
6. On the Design tab, adjust fonts, styles, and colors.

The promo bar will be displayed on top of any page of your site:

If you want to add a slider or a promo bar with a specific look or behavior that is currently not supported in the default Instant Site sections, you can do that with some coding. You can develop such a custom section yourself, hire a third-party developer, or order help from eCom (E-Series) customization team. See development guidelines for Instant Site sections.