Deploying Frontend Widgets
Envive's frontend widgets provide entry points to the Sales Agent chat. Each widget is uniquely designed and includes tailored prompts that customers can click to get answers to their questions based on the page they are visiting.
Envive provides div IDs to you that specify widget types (primarily based on sizes) so you can place them on your pages and move them as needed. For brands using Shopify's frontend, you can add these divs directly in your Shopify theme. Envive will work with you to determine where you want widgets placed on your site and will target each div with the correct widget.
Below is a list of the available divs that you can add to your site. Envive will target each div with the correct widgets, so if you want to swap out different widgets of the same size, reach out to the Envive team to make the necessary changes. If you want to adjust the placement of a widget you can move the specified div on the page and Envive's corresponding widget will target that new location.
PDP divs:
envive-pdp-widget-small
<div id="envive-pdp-widget-small" />This widget is only used for the Suggestion Bar widget, which is typically located near the top of a PDP
Example:
envive-pdp-widget-medium
Used for mid-size widgets when placed within the sidebar
Widgets that can target this
div: Chat Preview, Social ProofExample:
envive-pdp-widget-large
Used for the largest widget placement, inserted as a full row
Widgets that can target this
div: Chat Preview, Social ProofExample:
PLP divs:
envive-plp-widget-card
Used in place of a product card in a grid
Widgets that can target this
div: Image Prompt Card (using your own custom image)Example:
envive-plp-widget-row
Similar to the envive-pdp-widget-large, but for PLP use. Used when widgets are intended to occupy an entire row.
Widgets that can target this
div: Chat Preview, Social ProofExample:
Last updated