Customized jewelry offers a unique way to blend personal style with sentimental value. In this blog, we will guide you through creating a personalized pendant where customers can choose the material, upload their own photos, and add text engraving on the back. Customers will be able to view both the front and back of the pendant, with a live preview of the finished product displayed on the same product page.
Creating a personalized experience for customers can significantly elevate your e-commerce game and boost sales. This personalized approach not only reflects individuality but also captures cherished memories in a tangible form.
So let's delve into the process and explore how it works.
(You can also check out the demo product at the end of this blog.)
Steps to build a Pendant with image upload and text engraving on Shopify.
1. Install the App
2. Select a Template or add new product Option
- You can use a template to speed things up or create options from scratch.
- Choose the product you want to customize. You can select a single product or multiple products.
- In this specific example, we are going to add three types of product options. The first is the button swatch, where the customer can select the material. The second is the upload option, and the third is the text input.
3. Create conditional logic
- You need to add conditional logic to the live preview. When you add product layers in the live preview, connect them using conditional logic so that when a customer selects a specific option, the corresponding product layer appears. For example, if the customer selects a black option, the black product layer will appear.
4. Enable Live Preview
- Enable the live preview feature in the app settings.
- The first step is to create two views front and back
- Front View- Upload Layer: This is where the customer can upload their image. Product Layer: This layer will be above the upload layer and will act as a PNG mask. The PNG mask will have transparent areas, allowing the uploaded image from the layer below to be visible in a circular form.
- Back View-Text Layer: This is where customers can type their name or any specific text they want engraved.
- In the settings, you can connect the image positioning depending on the product layer to ensure the uploaded image aligns correctly with the product design.
5. Activate and Save
- Once everything looks good, save your changes.
And that's it!
Now customers can select the material, upload their image on the front, and add text engraving on the back. They can see a live preview of their customized pendant on the product page.
Happy selling!
