Skip to main content

Choose how the widget shows on the product page

Choose how the options show on the product page: right away, after a button click, or in a popup.

Steps​

Path: Experience > All your products > How does it appear?

  1. Click Experience in the Studio's section menu.

    On a phone, the section menu is a row you scroll sideways.

  2. Under How does it appear?, choose one of these: Inline, Button opens options or Popup.

The three ways under How does it appear?, with the Button text box under them.
The three ways under How does it appear?, with the Button text box under them.
  1. Optional: with the button or the popup, enter the Button text. This is what the customer reads on the button, such as "Design your gift". The text is saved when you leave the box.
  2. Scroll down to the This product section at the bottom of the panel. Its settings are for this product only.
  3. Optional: turn on On desktop under Keep the preview in view while scrolling. The preview image stays in view while the customer scrolls. After that, you can choose how it looks on mobile.
  4. Optional: under When does the product photo change?, choose Always or After the first pick.
  5. Click Review & publish, then Publish now.

On a phone, the Review & publish button is at the bottom of the screen.

What your customers see​

After you publish, the way the widget shows changes on all your products. The preview settings change on this product only. The change shows in your store in about a minute.

The product page on a phone after choosing Popup: the customer clicked the button and the options showed.
The product page on a phone after choosing Popup: the customer clicked the button and the options showed.

Good to know​

  • The way it shows and the button text change on all your products when you publish this product. Until you publish, they stay in its draft.
  • The gray text inside Button text is not saved, because it is only an example. If you do not save any text, the button shows "Customize product".

Not showing?​

Next​

Follow up on Needs attention alerts and fix them