What is Web Layer?
Web Layer is an onsite widget you can add to your store: a Slider or a Banner. Both help you show messages, offers, or forms directly on your site, without changing your site's code.
You'll find both widgets in the left sidebar: go to Onsites, then choose Slider or Banner.
Creating a Slider
Here's how to set up a Slider from start to finish.
1. Templates screen
Pick a template to start with, or click Start from scratch to build your Slider from an empty layout.
2. Settings screen
After you pick a template, you'll land on the Settings screen. Here you can configure:
Name – give your Slider a name so you can find it later.
Device – show the Slider on all devices, desktop only, or smartphones only.
Position – choose where the Slider appears on the screen, for example right or bottom.
Triggers – set the conditions that make the Slider appear.
Schedule – show the Slider now, or only during a specific period.
Subscription status – target contacts based on their email, SMS, or WhatsApp subscription status.
Tag – add a tag to help you organize and track this Slider.
Display limits – control how many times the Slider can be shown.
3. Edit design screen
Click Edit design to open the design screen. It has two tabs:
Slider tab – this is where you build the content. Add elements one by one: Name, Email, Phone, Spacer, Button, and Text fields. You can also click Add step to turn your Slider into a multi-step flow, or Add thank-you step to show a final message after the Client submits the form.
Settings tab – this is where you set the style. Configure:
The Slider's tab or bar background: solid color, gradient, or image.
The Slider's body background.
A custom Google Font.
A redirect URL, if you want the Client to land on a specific page after they interact with the Slider.
4. Preview and publish
Use Preview to check how your Slider looks. When you're happy with it, click Publish to make it live on your site.
Creating a Banner
A Banner works the same way as a Slider: Templates screen → Settings screen → Edit design screen → Publish. The only difference is that you're building a Banner instead of a Slider.
On the Templates screen, pick a template or click Start from scratch. On the Settings screen, configure the same options as for a Slider: name, device, position, triggers, schedule, subscription status, tag, and display limits. Then click Edit design to build your Banner's content (Banner tab) and set its style (Settings tab), just like you would for a Slider. Preview it, and click Publish when you're ready.
Need more help?
If you have any further questions about Web Layer, please do not hesitate to contact us at hello@edrone.me