> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.avada.io/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # How to set up Add-to-cart popup in AVADA? Add-to-cart Popup is a popup shown after customers put their items into the cart and ask for customer email or phone. The final purpose of the Add-to-cart Popup is: - Collect leads and follow up later - Send Abandoned Cart email/SMS to them if they do not leave their email at the checkout page. ## Step 1: Select Add-to-cart Popup Template To create the Add to cart popup campaign, you need to go to **Form** > Click **Create** ![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/1_1ms0kwt.png) Select the **type** of Add-to-cart popup > Then choose Add-to-cart template ![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/2_12tgisa.png) It will display a preview popup, and you need to click the **Select template** button to continue. ![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/3_2cqwlq.png) ## Step 2: Design Add-to-cart popup Customize content for Add-to-cart popup. To edit the popup, you can click on each element on the popup, then edit at the **Components** section on the left. ![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/4_qup2m4.png) ### 2.1 General ![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/5_18rumuh.png) + **Font family**: Select a font to display for the popup + **Text Align**: Select the display type of popup content: left, right or center align + **Background color**: Select a color for the background of the popup ### 2.2 Heading Here customize the content displayed for the popup's heading ![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/6_rv5qsu.png) - **Content**: Enter the text displayed for the heading - **Color**: Select a color for the heading - **Font size**: Customize the font size of the heading - **Font weight**: Customize the density of the heading - **Letter Spacing**: Customize the spacing between letters - **Line Height**: Customize the spacing between lines ### 2.3 Body text Here customize the display content for the popup's body text ![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/7_1gh4xbp.png) - Content: Enter display content for body text - Color: Select a color for the body text - Font size: Customize font size for body text - Font weight: Customize the weight of the text - Letter Spacing: Customize the spacing of letters - Line Height: Customize the spacing between lines ### 2.4 Form ![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/8_1641uof.png) Here you can customize the fields displayed on the popup by ticking the field you want to add ![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/9_ibzgs9.png) - **First name**: Enter the text displayed in the first name placeholder ![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/10_dgdcc.png) - **Last name**: Enter the text displayed in the last name placeholder ![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/11_cf7x9a.png) - **Phone number**: Enter the content displayed in the phone number placeholder ![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/11_1khb3nl.png) - **Email**: Enter the text to display in the email placeholder ![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/13_8gfua3.png) - **Button** ![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/14_1yfrnak.png) + **Button content**: Enter the content to display on the button + **Color**: Select color for button text + **Background color**: Select a color for the button's background - **Close button** ![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/15_1uipkae.png) Choose the color for the close button ## Step 3: Trigger of Add-to-cart popup ![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/16_1u8nk1y.png) This is the step to choose how a campaign should be displayed: ### 3.1 When to display the popup - **Add to cart default trigger**: Popup will display when customer add items to the cart (you cannot change this trigger) - **Show again after**: Select the time to show the popup again. When the popup is turned off without entering information, after a customized period at **Show again after,** the popup will display again ![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/17_1d2517a.png) ### 3.2 Where to show ![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/18_1i8rewm.png) Select the page to display the campaign - **All pages**: Popup displayed on all pages - **Specific pages**: popups are only visible on pages that satisfy the added condition. Enter the **URL** and select conditions for those pages. Click **Add** to add the condition. ## Step 4: Settings ![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/19_vw41az.png) - **Email validation**: If checked, **Use email validation for my campaign** will allow only existing emails to submit popup. This to avoid spam emails. - **Tags**: Add a tag to the contacts obtained by the popup - Click **Save & Nex**t to continue ## Step 5: Ready ![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/20_1qdmu07.png) - **Campaign Name**: Enter a name for the campaign - Continue clicking **Save** will display a popup for you to choose the status of the popup. + **Keep as draft**: Campaign will be saved but not displayed in the store + **Go live**: Allows popups to be displayed right on the store ![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/21_3ocopr.png) ## How to edit Add-to-cart popup campaign To edit the campaign you created, you need to click on the campaign you want to edit. Then it will open this page: ![](https://storage.crisp.chat/users/helpdesk/website/b66870a37c890800/22_wf5jn7.png) - **Report**: Here are statistics about the campaign + **Impression**: The number of frontend popup impressions + **Conversion**: Number of emails collected from the popup + **Conversion rate**: Conversion rate compared to impressions - **Campaign status**: Enable / disable campaign - Click on the preview popup or **Design** button to be able to edit the contents of the popup - Click **Edit trigger** if you want to modify the popup trigger - Click **Edit settings** to edit the email validation and tag of the popup