Adding a Slide-in Web Card to your Web Experience

Modified on Wed, 11 Dec at 2:55 AM

Adding a Web Card to a Web Experience provides users with visually appealing and engaging content that encourages interaction and exploration on your website.

To Add a Slide-in Web Card to a Web Experience, follow the steps below:

From the Left Nav Menu, under Web Personalization click Web Experiences.
From the Web Experience listing page, select a Web Card.
Click the Variation tab and select the Variation.
The Web Experience Page Editor is displayed, from the Left Nav click Web Cards.
The Web Card section is displayed with the Add button. Click Add.
The Select Web Card section displays options for Web Card types, including Floating Bar and Slide-in. Click Slide-in to expand.

Note: You can also search and select the Slide-in type Web Card by Name that you have created in Web Personalization > Web Cards.
Web Cards created in Web Personalization > Web Cards > Slide-in type will be displayed here. Click Use this Card to select a Web Card.
The Trigger Configuration section opens with various triggers and toggle buttons. The selected Web Card is displayed in the page editor.
Trigger Configuration: You can configure one or more Triggers to fire your Web Card in runtime. If you configure two or more triggers for a Web Card, whichever triggers first will show the Web Card. Hushly will only display the Web Card one time.
Triggers :

Page Entrance: Triggers when the page loads based on the Delay time configured.
Page Exit: Triggers when the visitor is trying to Exit the page.
On Click: Triggers when the configured element (button or link) is clicked.
Timer: Triggers when the user is on the page based on the Delay time configured.
Scroll: Triggers when the user scrolls up or down based on the Total Percentage and Scroll direction configured.
Idle: Triggers when the page is idle based on the Delay Time configured.

Note: Delayed time is configured in seconds.
Select a Trigger(s) and Click Save.
A Confirmation message is displayed.
Click on the Publish button in the top right-hand corner.
Note: The Publish Option is enabled only when you make any changes to the Variation.
The Variation Publish pop-up window is displayed. By default, the Distribution mode is set to Equal.

However, you can change the visitor traffic distribution to Custom and change the percentage of Visitors to see any given variation. Click Publish to set the distribution mode.
A Confirmation message is displayed that the Web Experience published
Slide-in Web Card displayed in Runtime on the web page.