Floating bar web content is a fixed strip at the bottom or top of the screen that occupies the entire width and overlaps your website’s content, allowing the contact to browse. You can use it to create an impact without being obtrusive, drawing your contacts’ attention to something specific such as important notices or lead capture.
In addition to the floating bar content explained in this article, Connectif works with up to five types of web content that you can use to personalize the interaction with your contacts:
— Inline web content.
— Popup web content.
— Full-screen web content.
— Slide In web content.
1. Properties
- Floating bars, like all other web content except inline, is superimposed onto your ecommerce site’s content, so there are no changes to the structure of the website.
- Unlike other superimposed web content, the floating bar stays fixed on the website and allows the user to continue browsing and scrolling normally.
- Floating bar web content is designed in the Web Content Editor, so no programming knowledge is required to create it.
- The floating bar allows you to display personalized content when the contact navigates anywhere on your website and in response to their activity.
- Using workflows, you can change the behavior of the floating bar depending on the contact and/or their actions. You can also establish responses to users’ interaction with the content.
- A floating bar generates statistics related to its views, interactions and participation in the purchase process.
1.1. General properties
Floating bar web content is defined by the following general properties:
-
Name: the name of the floating bar, to identify it in your Connectif account.
- Tags: classification of the content to help you recognize and locate it quickly. Click Enter tags and add keywords to help you identify it.
- Layout: position on the screen where the floating bar will be displayed.
- Borders: color, thickness and style of your content borders.
- Background: color and image effects for the background layer that is superimposed on your ecommerce site and against which the floating bar is displayed.
- Shadow: color and shading effects of the structure that will display your content.
- Z Index: numerical value indicating the order of overlapping layers.
- Responsive breakpoint: responsive design threshold (up to what screen width will be understood as a mobile device).
2. How it’s used in Connectif
2.1. Creating or editing a floating bar
You can create or edit a floating bar via two routes:
1. From “Content > Web”. Click Create new web content to generate new content or click More and select Edit to modify existing floating bar content.
2. From the Send web content node in a workflow, by clicking (Edit node settings). You can click Create new web content or Edit to modify an existing floating bar.
When creating new web content, select Floating bar as the type then click Create new content.
To learn about all the available settings and layout options when designing your floating bar content, see this article on the Web Content Editor.
2.2. Display a floating bar
To display floating bar content on your ecommerce site, two elements are required:
- A floating bar-type web content design.
- A workflow whose task is to display the selected content in the place indicated by the conditions set in its design.
If you want to learn more about how to display a floating bar in your ecommerce site, click here.
Learn how to create and display content on your website with this video. It demonstrates how to create a popup, but the same principles apply to creating a floating bar.
2.3. Respond to a click on a floating bar
When a contact clicks on a floating bar, you can respond with new actions using the node "On Web Content Click". This way, you can give your campaigns a greater degree of personalization.
If you want to learn more about how to respond to a floating bar click in a workflow, click here.
2.4. View statistics for a floating bar
Once implemented in a working strategy, floating bar content provides access to two types of data:
- Statistics related to customer interaction with that content, such as views and clicks, among others.
- Sales attributed to interaction with that content.
With this information, you can find out how much impact the floating bar content is having in each workflow where it is used.
If you want to learn more about floating bar stats and how to access them, click here here.
Congratulations!
You’ve reached the end of the tutorial.
Do you have questions?
Don’t forget, our Connectif specialists are here to help you. To contact them, just open a Support ticket by clicking the blue “Help” button on your dashboard.
Keep learning!
To make the most of your Connectif account, we recommend reading these articles next:
- Show floating bar on page visit, to show a floating bar to contacts who visit the website.
- Newsletter subscription with floating bar, to request newsletter sign-ups using floating bar content and send a welcome email.
- Countdown, to use countdown clocks in campaigns to create a sense of urgency.
- Show remaining amount for free shipping, to show contacts how much more they need to spend to receive free shipping.