Wix Stores: Enabling and Customizing the Success Popup

The success popup provides your customers with an indication that an item was successfully added to their cart after clicking the 'Add to Cart' button.

Enabling the success popup

Anywhere you display an Add to Cart button on your site, you can choose what happens when it's clicked. The 'Add to Cart' button can appear in:

• The category page

• A product gallery

• The product page

• The 'My Wishlist' page

Wix Editor

1. Go to your editor.

2. Navigate to the element you want to customize.

3. Select the element and click Settings.

4. Go to the Add to Cart settings:

   • Category page: Select the Add to Cart tab.

   • Product gallery: Select the Add to Cart tab.

   • Product page: Select the Settings tab.

   • 'My Wishlist' page: Select the Settings tab.

5. Click Add to Cart.

6. Select Show success popup.

Studio Editor

1. Go to your editor.

2. Navigate to the element you want to customize.

3. Select the element and click Settings.

4. Go to the Add to Cart settings:

   • Category page: Select the Add to Cart tab.

   • Product gallery: Select the Add to Cart tab.

   • Product page: Select the Settings tab.

   • 'My Wishlist' page: Select the Settings tab.

5. Click Add to Cart.

6. Select Show success popup.

Wix Harmony Editor

1. Go to your editor.

2. Click the Page dropdown at the top left of the page.

3. Select the element you want to customize.

4. Click the element in the editor.

5. Click the Settings icon

   

   on the action bar.

6. Go to the Add to Cart settings:

   • Category page: Select the Add to Cart tab.

   • Product gallery: Select the Add to Cart tab.

   • Product page: Select the Settings tab.

   • 'My Wishlist' page: Select the Settings tab.

7. Click Add to Cart.

8. Select Show success popup.

Customizing the success popup

Customize the look of the success popup so that it matches your site's design. You can select which elements you want to display or hide.

Wix Editor

1. Go to your editor.

2. Go to the Success Popup:

   1. Click Pages & Menu

      

      on the left side of the editor.

   2. Click Store Pages.

   3. Click Success Popup.

3. Click the Success Popup element on your page.

4. Click Settings.

5. Customize the success popup using the available options.

Studio Editor

1. Go to your editor.

2. Go to the Success Popup:

   1. Click Pages

      

      on the left side of the editor.

   2. Click Success Popup under Store Pages.

3. Click the Success Popup element on your page.

4. Click Settings.

5. Customize the success popup using the available options.

Wix Harmony Editor

1. Go to your editor.

2. Click the Page dropdown at the top left of the page.

3. Select the Success Popup under Store Pages.

4. Click the Success Popup in the editor.

5. Click the Settings icon

   

   on the action bar.

6. Customize the success popup using the available options.

FAQs

How do I finish editing the success popup?

When you've finished customizing the success popup, click Done in the Wix Harmony Editor or the Studio Editor, or Exit Mode in the Wix Editor.