How can I add a pop-up for product personalization?

Hello,

I need a recommendation for a product personalization app. I want that in the product page, when a customer clicks on a personalization button, a pop-up comes up. this pop-up will contain the personalization options for the product with a live preview image. Something similar to this page below:

https://www.thefoggydog.com/products/circle-pet-id-tag?variant=40069644320854

Hey @Mass86 , you can use our app Seal Live Preview for this. We are releasing pop up feature in a few days. Please feel free. to DM if you are interested in a free set up session with us!

Hi, thank you for showing your preview! It looks good, the only difference is that i would like that the personalization act as a pop-up instead of on the same product page, since on the product page i will have several photos, i only want the personalization to focus on one photo where the changes are going to take place. i think this user journey is better for the customer. :slightly_smiling_face:

Hi there! I am glad to announce that you can now show personalization options in a pop up with Seal Personalizer Live Preview app.

Please let me know if you have any question while you set up!

$29.90/month is too expensive for a startup store. Are there any plans for startups? Your app looks great though!

Hi @Mass86 :raising_hands:

With Easify Product Options, you can absolutely create product personalization features with a Live Preview directly on the product page. For the smoothest and most intuitive Live Preview experience, we recommend displaying the options directly on the product page- so customers can see the preview update in real time as they select options or enter text:

That said, if you prefer using a pop-up layout, we can support that as well. Here’s an example I’ve created so you can see how it works:

  • This is the result:

  • This is the app setting:

Currently, the live preview only works when the options are displayed directly on the product page. If you enable the pop-up, the live preview will not be able to display fully as it does on the main page. Therefore, you’ll need to choose one of the two display methods based on which experience you prioritize.

To let customers see the live preview in real time while entering text or selecting fonts or images, simply keep the options displayed directly on the product page and enable the Product Personalizer feature in Easify.

If you prefer a cleaner interface and want the options to open in a pop-up when customers click the Personalize button, you can go to Easify → Settings → Advanced Settings and enable “Show option in Popup – triggered by button click.” In this case, the personalization options will appear in a pop-up, but the live preview will not be available.

Depending on your needs—whether you prioritize the live preview or the pop-up—you can choose the setup that works best for you. If you need further guidance to optimize the experience for your product, the Easify team is always happy to assist.:blush:

If you just want the popup trigger itself to look cleaner or more branded, you can pair it with a popup tool like Adoric, but the live-preview logic needs to come from a personalization app.