---
title: "Adding personalization fields to products"
description: "Let your customers personalize your products with custom options"
url: https://help.cartgenie.com/en/articles/110-adding-personalization-fields-to-products
collection: "Products & Categories"
updated: 2026-07-18
language: en
---

# Adding personalization fields to products

Let your customers personalize your products with custom options

CartGenie lets you add personalization fields to products so customers can enter custom information before adding the item to their cart. Whether you’re offering custom engraving, embroidery, or special requests, this feature helps you sell more personalized, meaningful products.

This feature is for product-level personalization. If you’d like to add order-level input fields at checkout (for things like a gift message, etc.), [see our guide here.](https://help.cartgenie.com/en/articles/96-collect-custom-information-at-checkout.md)

## What Are Personalization Fields Used For?

The possibilities are endless! Here are some ways you might use personalization fields on your products:

-   **Custom names or initials** for engraving, embossing, or embroidery
    
-   **Special sizing instructions** for tailored or handmade items
    
-   **Favorite quote or phrase** to be added to a product
    
-   **Personal dedication** for signed books or artwork
    
-   **Coordinates** of a special location to be printed or engraved
    
-   **Pet info** like birthdate, breed, or size for custom pet products
    

## How to Personalize Products

In CartGenie, open up the product you want to personalize.

[Go to My Products](https://dash.cartgenie.com/products)

### Step 1: Add to Product in CartGenie

Go to the “Additional Info” tab and find the personalization fields section. Click the “Add Personalization Fields” button.

![](https://staticfiles.gleap.io/ghelparticle/24h6fAnWosA0saSrb8lcRrSW5JwJN7cScs15rlz2v688rvyLJQ7YCBZ9E4ozome6cbelJFPTSRL.png)

Fill in the personalization fields. All information here will be visible to the customer on the product page so be sure it is clear and concise.

If you enable the **required** feature, all customers will have to fill in this field before they can add this item to the cart.

> **Success:** You can add multiple personalization fields for a single product. The directional arrows allow you to determine the order they will appear in on the product page.

Click **Save Changes** and then **Publish your product.**

_Additional field types (dropdowns, checkboxes, file uploads) are coming soon!_

### Step 2: Add to Product Page Template in Webflow

In your Webflow designer, go to your Product page template.

Open up the CartGenie app and navigate to **Create Product Pages > Components > Product** and find the “**Personalization Field**” block.

![](https://staticfiles.gleap.io/ghelparticle/rJNmNbWNSGzUsPPjVMSOHwHb92MqlF7SNall7aObTMDvUqPmiefX2AThyVK0sBE39acavn0rsUr.png)

Click the block to copy to your clipboard.

In your layers, find the **“cg-form” layer** and paste the personalization field block inside of it.

Then, move it to the position you prefer (here we added it below our variant dropdowns and above the quantity field)

![](https://staticfiles.gleap.io/ghelparticle/cKmqNR34sFDw4ePeMOSYso5eyOgos1Ha54zPqjlZkfklz4LIyZhgtwEzSdMU3eWKIGIVm6wQsr7.png)

You will see the field in your designer with the dummy text. Feel free to style the elements to match your site design!

> **Info:** **Do not edit the dummy text**. It will be replaced by each product’s personalization text.

> **Success:** **Only add 1 personalization field** even if you have multiple personalization options. CartGenie will automatically duplicate this field on your live site as needed.

![](https://staticfiles.gleap.io/ghelparticle/B7ZMNZNma9VyCtmUQxsXMvShnRJGNASriKezDZdtDFz6RKbvYmDr6sRYd9FDbrswdCZsyhCcZt1.png)

_Note_: Even though this field will be visible in the Webflow designer on all products, **it will not be visible to your customers** unless a product contains a personalization field. Do not set the field to display:none or hide it or else it will not function properly.

**Publish your Webflow site** to see your changes.

### Step 3: Preview & Test

Go to your live product page and ensure that the field looks correct.

![](https://staticfiles.gleap.io/ghelparticle/kunsBPPiYzm0gcc6yfyBE0bUDRE9sMdOmZdou40U59kiJtHT7mZbvBWJExoDjrpTvxnKMP6f9Ur.png)

Test adding the item to cart and even checking out (using a test order so you don’t have to pay).

The personalization options entered by each customer will be added to their product and displayed:

-   In the cart
    
-   At checkout
    
-   On the confirmation page
    
-   In customer & store order emails
    
-   CartGenie order dashboard
    

![](https://staticfiles.gleap.io/ghelparticle/c2BkpqeeEeeOSH6Oa87c58ITzdua0AvSZC7jJfjjrjwWkIWS6QyvBcXOQatYDtTcFZv9NmNbsiQ.png)