In the following article, you will learn how quick and easy it is to configure this extremely helpful functionality. Let's get started! To set up a Web Layer banner, you need to go with the 'onsite' tab and then the 'Web Layer banner' section.
Navigate through the yellow menu bar on the right-hand side of the screen.
Step 1 - choose a template
Choose the type of banner that best suits your needs. Can you choose between a template with a CTA button or linked text? You decide!
Step 2 - personalize your banner
Here you will change the appearance and position of the banner. A detailed menu appears on the left where you can select:
Position - it can be at the top or bottom of the page.
Style - decide whether the banner should be permanently pinned in one place (overlay), be another element of the page so that it does not cover any element (full pushing), or, for example, should move as the page is scrolled (floating).
Color - as with the slider, you can decide whether the banner should be a single color, gradient, or filled with an image.
Content - enter a catchy slogan and CTA here, choose a font color, and insert a link to which the banner should point!
Step 3 - the final setting of the banner display
This is exactly the same menu you associate with the slider settings. Choose on which devices you want the creative to display, on which pages and at what time. Decide where your prepared Web Layer banner should be placed and on which devices it should be displayed. These can be desktop and mobile devices at the same time, or you can select them individually.
Just like when you set up your slider Web Layer, at the end of the creation process you need to determine when, for how long, and on which pages it should display. There are several options to choose from:
Trigger for the display of the slider - this section is more extensive than in the preparation of the slider Web Layer because we have more options available when it comes to triggering the action of showing the banner. You can choose whether the onsite is to appear immediately, after a selected period of time, e.g. with a 5-second delay, as a result of the customer's inactivity indicating the time without the customer's interaction with the shop defined by seconds, on elements having a special e.g. Id, or class. There is also an option available in the Web Layer slider, i.e. when the customer scrolls to 50% of the page. Additionally, the banner may appear when the customer tries to leave the page, or after clicking a selected element.
A place where the creation is to be displayed - here you indicate on which pages the slider will be displayed. This may be the homepage, any page of your e-commercial, product pages, or pages with a specific URL or added HTML.
The time period when the slider will be displayed - you can decide whether the design will be shown immediately or on a certain day you specify. Here you can also specify how many times the slider will be visible, e.g. once an hour.
Subscription status - here you can select the subscription status of your customers to whom you want a particular, prepared by you, Web Layer banner to be displayed. You can choose between: everybody (any), subscribers (subscribed), unsubscribed, unsubscribed, and unknown.
Name the Web Layer banner- finally, appropriately name the Web Layer banner you have prepared for use in your particular campaign.
Finally, name the entire project.
Step 4 - generate the preview of your Web Layer and publish it
Preview the changes by clicking the Preview -> Go to store button.
When the element is fully ready, click the Publish button to display the Web Layer on your website.
Need more help?
If you have any further questions about Web Layers in edrone, please do not hesitate to contact us at hello@edrone.me