Skip to main content
Your storefront

Place the options exactly where you want them

Add the Customei block to your product page, or point Customei at the right spot on a custom theme.

Last updated About 2 months ago

With the app embed on, Customei places the options above your Add to cart button automatically. If you want them somewhere else, you have two ways to move them.

Option 1: add the Customei block (Online Store 2.0 themes)

  1. In your Shopify admin, go to Online Store > Themes > Customize.
  2. At the top of the theme editor, switch to your product template.
  3. In the product information section, click Add block and pick Customei Personalized under Apps.
  4. Drag the block to where you want the options, then click Save.

The block has no settings of its own. Everything (the options, prices, conditions and preview) is set up in Customei. If you preview a product that has no personalization yet, the block shows a Set up personalization link that takes you straight to Customei. Customers never see that link.

Keep the app embed on as well. The block decides where the options go on the product page. Customei still needs the app embed on your other pages, such as the cart, and publishing asks for it.

Option 2: tell Customei where things are

Some themes, especially heavily customized ones, build their product page in an unusual way. If the options land in the wrong place, the preview covers the wrong image, or Add to cart doesn't pick up the customer's choices, go to Preferences > Storefront > Advanced theme selectors. There you can give Customei a CSS selector for:

  • Product form: the Add to cart form the options go into.
  • Options placement: the element the options are inserted right before.
  • Add to cart button
  • Express checkout buttons
  • Product gallery image: the main image the live preview sits on.
  • Gallery thumbnails

Leave a field blank to let Customei detect it. If you're not comfortable with CSS selectors, contact support with your product link and we'll set it up with you.