URL based

Displays the full base URL of your PrestaShop store.

Generates a dynamic internal link to a desired page within your store.

Enables the use of custom shortcodes for advanced functionality like generating dynamic urls er even custom actions with options to add custom text before and after. If the tag has no value, a fallback value can be used, in which case the before and after text will not be displayed.

For example, you can set the URL of the current page using the following shortcode:

{$urls.current_url}

Generates the direct URL of the current category page.

Provides a link to reset all applied filters and return to the default category view.

Controls the nearest carousel or slider, allowing navigation between slides (next, previous, go to), as well as play and pause actions.

Create a link that smoothly scrolls the page or element to a specific location when clicked.

Settings

Page to Top

Scrolls the user to the very top of the current page.

Scrollable Element

Implement navigation for horizontally scrollable elements. For instance, in the Image Gallery widget, you can now create intuitive arrow-based navigation to scroll through images, offering a carousel-like experience with minimal custom JavaScript.

Advanced

Selector

Specify a custom scrollable container by entering its CSS selector here (like #primary or .main-content) to ensure the scroll action targets the correct container.

Generates links for contacting via email, phone, WhatsApp, or other communication channels.

Email Links

Enable users to email you instantly using "mailto:" links.

Direct Call Links

Allow visitors to call you directly with a click by creating a "tel:" link.

SMS Links

Provide a quick way for visitors to send you a text message with "sms:" links.

WhatsApp Messaging

Connect visitors to your WhatsApp chat directly for convenient communication.

Skype Calls or Chats

Facilitate calls or chats via Skype for international communication.

Waze Navigation

Offer directions to your shop by linking to Waze.

Calendar Scheduling

Let users add events directly to their Google, Outlook or Yahoo Calendars.

Select the lightbox type: Video, Image, or Embed.

Video

Video Link

Input the URL of the desired video.

Image

Image

Upload an image, or insert a URL of the desired image.

Embed

Embed

Input the URL of the desired content.

Content Only

Removes the header and footer of the embedded content page.

Width

Set the width of the embedded content.

Height

Set the height of the embedded content.

Widget

Search

Toggles the search bar if the Topbar skin is selected in the AJAX Search widget.

Shopping Cart

Toggles the shopping cart if the Open Shopping Cart action is selected in the Shopping Cart widget.

Filters (Listing pages)

Toggles the filter if the Sidebar is enabled in the Filters widget.

Advanced

CSS Classes

Access advanced functionalities by adding or removing CSS classes from selected elements, allowing you to, for example, hide or display specific widgets.

Adds the current or a selected product to the shopping cart.

Instantly adds the current or a selected product to the cart and redirects to checkout.

Opens a popup modal displaying key product details without navigating away from the current page.

Displays the full base URL of your PrestaShop store.

Generates a dynamic internal link to a desired page within your store.

Enables the use of custom shortcodes for advanced functionality like generating dynamic urls er even custom actions with options to add custom text before and after. If the tag has no value, a fallback value can be used, in which case the before and after text will not be displayed.

For example, you can set the URL of the current page using the following shortcode:

{$urls.current_url}

Generates the direct URL of the current product page.

Provides the URL of the product's assigned category.

Generates the link to the brand page associated with the product.

Generates the link to the supplier page associated with the product.

Controls the nearest carousel or slider, allowing navigation between slides (next, previous, go to), as well as play and pause actions.

Create a link that smoothly scrolls the page or element to a specific location when clicked.

Settings

Page to Top

Scrolls the user to the very top of the current page.

Scrollable Element

Implement navigation for horizontally scrollable elements. For instance, in the Image Gallery widget, you can now create intuitive arrow-based navigation to scroll through images, offering a carousel-like experience with minimal custom JavaScript.

Advanced

Selector

Specify a custom scrollable container by entering its CSS selector here (like #primary or .main-content) to ensure the scroll action targets the correct container.

Generates links for contacting via email, phone, WhatsApp, or other communication channels.

Email Links

Enable users to email you instantly using "mailto:" links.

Direct Call Links

Allow visitors to call you directly with a click by creating a "tel:" link.

SMS Links

Provide a quick way for visitors to send you a text message with "sms:" links.

WhatsApp Messaging

Connect visitors to your WhatsApp chat directly for convenient communication.

Skype Calls or Chats

Facilitate calls or chats via Skype for international communication.

Waze Navigation

Offer directions to your shop by linking to Waze.

Calendar Scheduling

Let users add events directly to their Google, Outlook or Yahoo Calendars.

Select the lightbox type: Video, Image, or Embed.

Video

Video Link

Input the URL of the desired video.

Image

Image

Upload an image, or insert a URL of the desired image.

Embed

Embed

Input the URL of the desired content.

Content Only

Removes the header and footer of the embedded content page.

Width

Set the width of the embedded content.

Height

Set the height of the embedded content.

Widget

Search

Toggles the search bar if the Topbar skin is selected in the AJAX Search widget.

Shopping Cart

Toggles the shopping cart if the Open Shopping Cart action is selected in the Shopping Cart widget.

Filters (Listing pages)

Toggles the filter if the Sidebar is enabled in the Filters widget.

Advanced

CSS Classes

Access advanced functionalities by adding or removing CSS classes from selected elements, allowing you to, for example, hide or display specific widgets.

Adds the current or a selected product, and also its quantity to the shopping cart.

Instantly adds the current or a selected product to the cart and redirects to checkout.

Opens a popup modal displaying key product details without navigating away from the current page.