Send with a "personal card" option on product page

Store Design

Topic summary

Adding a personalized card option on product pages: customers should select a card theme (e.g., birthday, get well) and write a custom message. The card has been set up as a product with variants and added at checkout following Shopify’s gift wrap tutorial.

Suggested approach: add line item properties (custom fields attached to a product in the cart/order) via code in the product form, using Shopify’s UI Elements Generator. For a variant-style selector, themes must be created as variants per product; there’s no universal variant selector across all products.

Outstanding issue: the customer’s gift note (“your-personal-message”) is not appearing in the order confirmation email. Previously a “gift-note” attribute worked, but guidance to include the new property in the confirmation is still needed.

App alternatives proposed: VoucherApp adds a greeting option near checkout, generates a printable PDF, and supports digital experiences (e.g., video greetings). Easify Product Options enables image swatches or dropdowns for theme selection plus a text area for the message—no coding required.

Assets central to understanding: code snippet for line item properties and images demonstrating the Easify app UI. No confirmed resolution; the thread remains open with the email confirmation display unresolved.

Summarized with AI on January 24. AI used: gpt-5.
1

Hi There,

Hope that somebody can help me out with the following:

I would like to give my customers the option to send their order with a personalized card to their loved ones. I would like to have an extra variant selector on the product page where customer can select the card’s theme and as soon they have selected a card there will be a box appearing underneath to write their personal message.

I created the card as a product with different variants based on the card’s theme, such as; happy birthday, get better soon, etc. and added already to the checkout based on this article: https://shopify.dev/tutorials/customize-theme-add-gift-wrap-option

But now I would like to give them the option to also select a card’s theme.

Hope somebody can help me out.

Thanks!

2

Hello @MauritsH !

Add the following code inside your elements on the Product template page:

You can generate different properties based on these requirements here: Line Item Property – Shopify UI Elements Generator (myshopify.com)

3

Thanks for getting back to me!

But how do I get a variant selector of the cards on every product page?

4

You’re welcome!

You would have to create a different variant for each product in that case. It’s not a general function, it’s per product.

Cheers!

5

Hi @JHKCreate ,

Thanks for helping me out, quite good and straightforward solution.

Anyhow; I am struggling a bit to get the gift note that has been giving by the customer on the order confirmation.

In the past, I included the gift-note attribute in the order confirmation, but I can’t find the right way to get the your-personal-message in the order confirmation.

Any idea?

BR,

Maurits

6

Hi @MauritsH !

We actually created a new app for Shopify just for this purpose https://apps.shopify.com/voucherapp

Please let me know if you want to try it and we will be happy to help you every step of the way.

Basically when you install the app, it puts a button under their checkout that asks them if they want to include a greeting with their gift. Then when they select this, they choose a greeting, add their message and then checkout. After they checkout, we send you a PDF of the greeting, you print it and include it in the box. The recipient also can scan the card and get the complete digital experience for example, they can see the video greeting too.

1 Like
7

Hi @MauritsH ,

While you have already received a suggestion for setting up your options, I would like to propose a simpler solution for you and other members who may encounter similar issues in the future.

The Easify Product Options app can help you easily set up your options, no coding required. Here’s how you can do it:

  1. Card Theme Selection: To allow customers to view and select card themes, you can use either the “Image Swatches” or “Dropdown with Images” option types. These options will visually represent the available card themes for customers to choose from.

  2. Messages: For customers to add personalized messages to the card, you can use the “Text Area” option type. This option allows customers to enter their messages directly.

Here’s a demo showcasing some custom options similar to what you’re looking for, created using the Easify Product Options app :hugs: :

EasifyAppsZoe_0-1688306183882.png
EasifyAppsZoe_0-1688306183882.png1862×904 299 KB

EasifyAppsZoe_1-1688306222686.png
EasifyAppsZoe_1-1688306222686.png1862×1024 306 KB

  • In-app settings:

EasifyAppsZoe_2-1688306292560.png
EasifyAppsZoe_2-1688306292560.png2490×1428 246 KB

EasifyAppsZoe_3-1688306332056.png
EasifyAppsZoe_3-1688306332056.png2490×1422 294 KB

By using this app, you can easily set up your options without any hassle. Give it a try and simplify the process of managing custom options for your products :raising_hands: .