Our SB Custom Product Personalizer app allows you to display the personalization layout either directly on the Product Page or inside a Popup, depending on your store's preference.

Follow the steps below to configure the display mode.

Video Tutorial:

Steps:-

1. Display the Personalization Layout : Shopify Admin → Apps → SB Custom Product Personalizer → General Settings → Display Layout → Select Product Page (to display the personalization layout directly on the product page) or Popup (to open the personalization editor in a popup when customers click the Customize button) → Save.

Display Option: On-Page Personalization (Product Page)

When Product Page is selected:

• The personalization layout is displayed directly on the product page.
• Customers can customize the product without opening a popup.
• Best suited for stores with enough space on the product page.

Backend :

Frontend :

Display Options : Pop Up Personalization

When Popup is selected:

• Customers click the Customize button on the product page.
• The personalization editor opens in a popup window.
• Customers can personalize the product without leaving the product page.
• Keeps the product page clean while providing a larger editing area for customization.

Backend :

Frontend:

Need Help?
If you have any questions or need assistance configuring the display layout, feel free to contact our support team. We'll be happy to help

Updated on: 10/07/2026