The Custom HTML option in Optionia allows you to add custom HTML content directly to your product option layout. It is useful when you need more flexibility than the standard static options provide, such as displaying formatted content, custom instructions, messages, or specially designed sections.

The Custom HTML option is a display-only element. It does not collect customer input or directly affect product pricing.

Here’s a Step-by-Step Guide to Adding a Custom HTML Option in Your Store:

Step 1: Go To The Add Options

You can add the Custom HTML option to either a new or an existing option set. You can learn to create a new option set in another part. For now, we will discuss how to add a Custom HTML option to an existing option set.

• Go to an existing option set.

• Click the Edit option to open it.

• Click the “Add options” button.

• Select the “HTML” option under Static.

Step 2: Add Your Custom HTML 

After selecting the HTML option, you can enter your custom HTML code in the editor.

• HTML Editor: Add the HTML code you want to display in your product option layout.

You can use HTML to create custom content and layouts based on your store’s requirements.

Save, Discard, and Delete

When editing an option, you can use Save, Discard, or Delete to manage your changes and the option.

1. Save: Click Save to save all changes made to the option.

2. Discard: Click Discard to cancel all unsaved changes and return to the last saved version.

3. Delete: Click Delete to remove the option from the option set.

When to Use the Custom HTML Option

The Custom HTML option gives you additional flexibility when creating your product option layout. You can use it for:

• Adding rich or formatted content.

• Creating custom-designed sections.

• Displaying styled instructions or messages.

• Adding additional information between option groups.

• Creating advanced layouts using HTML.

Apply Option set to options

After configuring your Text option, you need to assign the Option Set to the products where you want the text field to appear.

You can find Product Assignment at the bottom of the Option Set.

• All Products: Select All Products to apply the Option Set to all products in your store.

• Manually Select Products: Select Manually Select Products when you want to choose specific products to which the Option Set should be applied.

• Select Products with Conditions:  Select Products with Conditions when you want to apply the Option Set based on specific product conditions automatically.

You can use the available conditions to determine which products should receive the Option Set.

Once the Option Set is active and properly assigned, the Divider will appear on the relevant product pages. 

Need Help?

If you have any questions or need assistance, We will be happy to help.

• Live Chat for quick assistance.

• Submit a Support Ticket for detailed questions or issues.

• Email: support@optionia.com