User Guide
Set up Option set
How to create option set: Introduction There are two ways to create a new option in the Tepo app: build from scratch or use a template. This guide provides a comprehensive step-by-step process for creating a new option set from scratch. Please refer to this guide if you prefer using a template. Create a New Option Set from Scratch StFew readersCustomize Shopify variants options
This feature allows you to change the appearance of your Shopify options to Image or Color swatch without altering their underlying functionality or setup. 💡 Makes it easy for customers to view variant images changed while choosing variants by clicking on the color/image swatchesFew readersSet up Conditional logic
Scenario: Image that you're selling customizable watches and would like to show options of leather colors if customers choose watch strap material as Leather. Kindly check out our demo product to see how it works 😊 Here is the step-by-step instruction on how to set up the Conditional logic: Step 1. To begin,Few readers[Shopify Plus only] Edit options in Checkout
Like the Edit Button in the cart page, the Edit Button in checkout is designed to simplify cart modifications. The Edit Button in checkout allows customers to quickly change their product selections directly from the checkout page, saving them the hassle of returning to the product page. This feature ensures a smoother and more convenient shopping experience. We uFew readersSaved Options in Tepo: Simplify Option Set Management
What Are Saved Options? Instead of manually creating option sets or relying solely on pre-made templates, Tepo has introduced a brand-new feature: Saved Options. This highly-requested feature allows users to reuse previously created options across multiple option sets, saving time and effort. Our development team is thrilled to finallyFew readersEdit button in the cart page
Edit Button: Simplify Cart Modifications The Edit Button allows customers to quickly change their product selections directly from the cart page, saving them the hassle of returning to the product page. This feature ensures a smoother and more convenient shopping experience. Benefits of the Edit Button Improved Convenience: Customers can quickly adjust their selections without the hassle of returning to the product page. Reduced Cart Abandonment: Enabling customers tFew readersEnable app in current theme
To make sure Tepo Product Options work in your theme, please follow the steps below: Go to your Themes Customize theme Click on App embeds section Find Tepo Product Options app Turn on the toggle to enable app Or you can go to the app portal "Tepo Product Options" and click on the Enable app in current theme button. It'll redirect you to the theme's App embeds and turn on the app by default. (https://storage.crisp.chat/users/helpdesk/website/-/6/b/d/e/6bdef0d32d985000/226ed718Few readersShopify Point of Sale (POS) Integration with Tepo Product Options
Shopify Point of Sale (POS) Integration with Tepo Product Options In this article, we will discuss the integration of the Tepo Product Options app with the Shopify Point of Sale (POS) system. This integration streamlines your business operations by enabling seamless payment acceptance both online and offline. Overview of Shopify POS: Shopify POS is a user-friendly iPad application designed to facilitate in-store sales for merchants. It allows you to operate independently or sync witFew readersSet up Price per letter for Text fields
Price Per Letter: Charge Customers Based on Text Added We’re thrilled to introduce a new feature that many of you have been asking for: Price Per Letter! This powerful tool allows you, the Shopify merchant, to set a custom charge based on the number of characters entered by your customers in a specific text field on the product page. This offers greater flexibility in your product pricing, enabling you to accurately reflect the additional costs associated with processing longer textFew readersApp settings
On the menu tab, click on Settings to go to the Settings page. From the page, you will see 2 sections: Theme setup: This section allows you to configure various settings related to the theme, such as enabling apps, setting the form height, and customizing the desirable action for the product options. Preview section: This section shows how the product options will appear in your store. It includes options to preview the text, dropdown list, radio buttons, checkboxes, andFew readersImport/Export Option Sets
Export Option Sets: To export option sets in the app, please follow these steps: Navigate to the app go to "Option Sets". Click on "More actions" "Export option sets". You will have three choices when trying to export option sets : (https://storage.crisp.chat/users/helpdesk/website/-/5/9/c/f/59cf9ef1c8836000/81dbd65e-ac9a-4cae-aa6f-ce96a41i95oy9.Few readersText Option Type
Tepo app offers two text option types to enhance your product customization: Single-line text and Multi-line text. Single-line Text This option provides an input field for customers to enter one line of text. It is ideal for short inputs like names, initials, or brief comments. Multi-line Text This option is similar to the single-line text but allows customers to enter multiple lines of text. It is perfect for longer inputs such as detailed messages or special instructions. SingleFew readersOption Group
Option Groups are a powerful option type in Tepo Product Options that allow you to organize multiple custom options into one cohesive section. This makes it easier for your customers to navigate and select the options they need while keeping your product pages clean and professional. Why Choose Option Groups? Option Groups are ideal for: Organizing complex product options: Keep related options bundled together for better clarity and structure. Enhancing user experienceFew readersSet up Cross-product Links (Combined Listing)
Cross-products Links: Make switching between products easier This guide explains how Tepo Product Options feature can help your customers easily navigate between these related products. Why is this important? Richer product catalog: Some stores prefer to show each variation as a separate product, making the catalog look fuller, mimicking the variant experience without merging them. Perfect for Print-on-Demand (POD) stores: which often have the same design onFew readersQuantity Selector on options
This guide introduces the Quantity Selector feature, allowing customers to specify the exact quantity for each option value within your product option sets. This functionality applies to both single-select and multi-select option fields, offering greater control and flexibility to your customers. Use Cases: Package Deals: Enable users to select a specific quantity for each item within a bundled product. Customizable Products: Allow customers to choose the exact numbFew readers🎨 Font Selector
The Font Selector option type provides a search box, dropdown, or swatches for customers to select from either the entire Google font collection or specific Google fonts. Our current app version supports both Google and non-Google fonts for the font selector option type. The Font Selector can be associated with a text field, allowing customers to enter text, select a font, and instantly view their entered text in the selected font. Distinct from typical dropdowns, font labels in the dropdown/swFew readersChange Product Images Based on Selected Options
How to Link Custom Product Options with Product Images in Tepo Product Options This feature allows you to associate your custom product options with specific images of your products. When customers select an option on your product pages, the corresponding product image will automatically update to reflect their choice. Supported Option Types This feature can be used with the option types under Single Selection only: Color swatch, Image swatch, Radio button, Dropdown list, Image dropdownFew readersBuy Again Order with Options from TEPO in Customer Account
HOW IT WORKS Log in account on storefront Select any past order(s) having TEPO options Click theFew readersUse a Template to Create Option Set
Introduction You can find our guide here (https://support.tepo.app/en/article/set-up-option-set-vhxq5w/:~:text=Create a New-,Option,-Set from Scratch) on how to create an option set from scratch. If you do not want to create an option set from scratch, you can totally use one of our templates to create your option set more quickly and easily.Few readersOption set Templates
This guide explains how to leverage templates to save time and effort when creating option sets within our app. What are Templates? Templates are pre-designed option sets that you can easily adapt for your specific needs. They provide a quick starting point, eliminating the need to build option sets from scratch. Benefits of Using Templates: *Save Time:Few readersDate & Time Picker
In Tepo app, the Date and Time Picker option allows you to provide customers with flexible date and time selections. This feature is ideal for scheduling appointments, selecting delivery times, and more. Date Option Type You can choose the moFew readersHTML
Using HTML Option Type in Tepo The HTML option type in Tepo allows admins to incorporate custom HTML code, enabling the creation of unique content and options. This guide will provide you with examples and use cases to help you make the most out of HTML in your product options. Embedding Links in Option Labels Navigate to the HTML Option Type: InFew readers
Add Charges
Combine Add-on to main items in Cart and Checkout page
Imagine you're selling Christmas Stocking with Personalizable name that can be embroidered and other extra services, including: Main product price is $19.99 Add-on price for custom name: $10 Add-on price for extra services ($10 for gift wrapping and $10 express delivery) Once a customer selected some options with add-on price then add the product to cart. With theFew readersSet up Add-on price
What is Add-on Price? The Add-on Price feature in Tepo allows you to charge extra fees for product options in two ways: Flat Fee (Add-on Charge Price): Add a fixed price directly to an option value. This fee is automatically added to the main product price when selected.Few readersSet up Add Charge Price
💡 What is Add Charge Price? The Add-on Charge Price feature allows you to add a flat fee directly to an option value. This extra charge is automatically added to the main product's price when the customer selects the option. This article will show you how to add the charge without linking to add-on products on your store. Please refer to this guide if you prefer using flat fee for your options. How to add pFew readers🌟 Add Charge Feature on Tepo App 🌟
With Tepo, you have two simple ways to add extra charges to your custom options. Let’s explore them together! 🚀 🛒 1. Add-on Variant This method links an option valFew readers
Subscription and Billing
How to apply Discount code
At Tepo, we're committed to providing you with the best possible value. This guide will walk you through the easy process of applying a discount code within the app, ensuring you get the most out of your experience. What You'll Need: The Tepo Product Options Variants app installed on your Shopify store (if you haven't installed the app, you can add it from Shopify App Store) A valid discount code. Applying Your Discount Code Here's how to apply your discount code: From yoFew readersPricing plans
📢 Pricing plans Officially applied in Oct 12, 2023 Everyone has access to different features depending on their plan. The more you pay, the more features you get. Including 2 main plans: Free, Unlimited with the features as follows: 🤩 Grandfather plaFew readersRefund Policy
Subscription Refund Tepo provides a money-back guarantee for first-time users within the initial thirty (30) days after the trial ends. If our apps don’t meet your requirements and haven’t generated any orders for your store yet, you will receive a full reimbursement for the amount paid. You will not be eligible for this reimbursement if you still have our apps running on your store or if you already have an order generated by our apps. After these initial 30 days, we have no obligation toFew readersHow to Upgrade/Downgrade Your Plan
In order to better serve our customers, we offer two plans (Free and Unlimited) to meet your unique needs. Here's a quick guide on how to upgrade or downgrade your plan. How to Upgrade: When you're ready to take advantage of our additional features, upgrading to a Unlimited plan is simple and straightforward: Access the Pricing Page: From the menu bar on the app, navigate to the Pricing page. Upgrade to Unlimited: On the Pricing page, you will see the optionFew readers
Frequently asked questions
How to update selected options to Shopify order notes to export
As you know Tepo Product Options provides features to expand product options on the Shopify products page. Once customers made a purchase of a product that includes custom product options from our app, those custom product options will be displayed in the order detail page as lineitem properties. Here is the example order. However, Shopify's basic export functionality currently doesn't directly export these line item properties 🥲 . (https://storage.crisp.chat/users/helpdesk/website/-/5/Few readersHow to use Tepo options with GemPages?
Step 1: Enable the App in Shopify’s Theme Editor To make the option set visible on your store, you’ll need to enable the app in Shopify’s Theme Editor: Click the “Enable app embed” button in the Settings dashboard. Then, turn on the app and click “Save”. (https://storage.crisp.chat/users/helpdesk/website/-/2/d/3/a/2d3a169799e37a00/6d8f0ac9-b62b-41bc-86e7-df18Few readersHow to show options in Shopify packing slip?
You can customize the template of your packing slips to display custom order details. Changing the template allows you to add your own branding and change the look and feel of the packing slip with enhanced product details. Step 1: From you Shopify admin, go to Settings Shipping and delivery (https://storage.crisp.chat/users/helpdesk/website/Few readersHow to hide Add-on products from SEO, Shopify search?
As you know, our app provides an add-on product feature to create option charge and increase the main product price when choosing a specific option value – of course – these add-on products are not for sale. In this article, we will help you to hide these add-on items from SEO and Recommendations There have three main steps to achieve that: Step 1: Create a custom definition Step 2: Add metafield to add-on product Step 1: Create a cusFew readersHow to show/hide quantity & delete button on add-on products (Cart page)?
IMPORTANT NOTICE: This feature is only compatible with the Cart page. It is not working with the Theme’s Cart Drawer/Cart Popup/Mini Cart. By default, the add-on products are dependent on the main product, and the quantity of the add-on product is automatically adjusted when the quantity of the main product is changed. That's why even when customers delete the add-on products, it always come back to the cart because its selected status is still recorded under the main item. (https:/Few readersHow to use options with page builder apps?
Getting started Our app is now working with page builders apps (for example: Pagefly, Gempage, Ecomposer,...) So if you are building your product page using page builder apps, it is possible to show options from our app as well. This article will provide an introduction on how to show options with page builder apps to create an ideal shopping experience for your customers. InstructionFew readersHow to Show Product Options in the Featured Product Section on the Home Page
If you're looking to spice up your Shopify store's home page with some options for your featured products, you've come to the right place. Feel free to follow these easy steps to get started: Step 1: Enable Load Scripts on All Pages First things first, let's make sure we have everything set up correctly in the app. From app's settings Integration enable the option "Load scripts on all pages" and save to apply the change for your store. (https://storage.crisp.chat/users/helpdesk/Few readersHow to show options in Order Confirmation email?
Step 1. Open the Order Confirmation template: Settings Notifications Order confirmation Step 2. Select Edit code Step 3. Add the following code between the selling plan name and refunded tagFew readersHow to sync options to Shopify Order tag?
What Is This Feature? This feature allows our merchants to automatically sync specific product options and their selected values from Tepo to Shopify order tags. By doing so, you can easily filter and categorize orders based on these option selections. By default, any order containing Tepo options will automatically include a tepo tag in the order tag. This helps you quickly filter orders with or without Tepo options. However, with this feature, you can go beyond the defaulFew readersHow does the 7-day free trial work?
We offer a 7-day free trial to give you plenty of time to explore everything our app has to offer. While our trial always gives you 7 full days, the way the counter displays the time can sometimes be a little confusing. This article explains exactly how the trial works and how we ensure you get every hour you deserve. 1. Understanding the trial counter (7 days vs. 6 days left) You might notice that when you first start or upgrade your plan, the trial counter immediately shows "Few readersHow to hide Add-on product from Recommendation?
As you know, our app provides an add-on product feature to create option charge and increase the main product price when choosing a specific option value – of course – these add-on products, in some cases, are not for sale. In this article, we will help you to hide these add-on items from Recommendations Step 1: Go to your Online Store Themes From your current theme, choose Edit code. (https://storage.crisp.chat/users/helpdesk/weFew readersUnable to Delete Add-On Products from Cart Page
Why am I unable to delete the add-on products on the cart page? Answer By default, add-on products cannot be removed from the cart page to prevent unwanted checkout issues. This design choice is made to ensure that customers do not accidentally remove options that come with additional costs, which could lead to confusion and dissatisfaction during the checkout process. For example, if a customer selects options with added prices but then removes them from the cart to reduce the toFew readersHow to change options position on the product page?
Getting started After you create and publish option set from our app, the added options will be displayed under the Shopify and above the Quantity selector by default However, in case you would to show options in other positions rather than the default one, this document will provide an introduction on how to change position of options. InstructionsFew readers
Stylings
Customize style for app options (using CSS)
Getting started By default, options from app will inherit styles from your theme. Depending on how your theme is set up, these styles may not carry over in the best way possible. However, they can be styled with CSS code. This document will provide an introduction on how to customize the style of options added by our app.Few readersImage/Color Swatch Sliders
When your products feature numerous color or image variants, traditional display methods can create visual clutter and overwhelm customers. Our swatch slider solution transforms extensive option selections into a sleek, navigable carousel that enhances your product page aesthetics while maintaining full functionality. Benefits of Implementing Swatch Sliders Enhanced Visual Appeal: Transform cluttered option displaysFew readersAdjust the Width of Tepo Options
🛠️ Steps to Adjust the Width of Tepo Options Navigate to Option Sets: From the app’s left-hand menu, click on Option Sets. Select an Option Set: Pick the Option to Edit: Click on the specific optionFew readersShowcase Custom Options via a Popup or Trigger Button
In e-commerce, how you display product customization options can significantly impact the shopping experience. While some stores prefer showing all options directly on the product page, others may want a cleaner, distraction-free layout. For such cases, Tepo introduces a feature that allows custom options to appear in a popup triggered by a button click. 💡 Why Use Popups for Custom Options? Using popups to display customization options is a smart choice for stores looking to create a moreFew readersDisplay Color/Image Swatch Options in Round Shape
If you’re looking to display your colour or image swatches in a round shape, don’t worry—it’s super easy to manage! Let’s walk you through the steps. Colour Swatch Go to the Settings Tab: On the app's left-hand menu, click on the Settings tab. Find the Color Swatch Option: Once in the settings, look for and select Color SwatchFew readers
App Translations
Translate using Shopify Translate and Adapt
To cater to a wider audience and deliver your content in various languages, you can translate an option set into multiple languages by following these steps below: Open Shopify Admin and Navigate to Languages: On your Shopify store, please go to Settings -Languages. From the Languages page, you can choose to add a new language or edit the added language. (https://storage.crisp.chat/users/helpdesk/website/-/9/4/6/1/9461cb90ecf23800/4fb8ac21-f4cf-42ed-b1a3-43a4dcvwzyqj.pngFew readersIn-App Translation
In-App Translation for Unlimited Plan If you're on the Unlimited plan, you can utilize the in-app translation section instead of using the free translation app from Shopify as demonstrated here. This allows you to to translate our app's general settings and option sets into your preferred language(s). This ensures your app is accessible to a broader audience. From the left-hand menu in the ShopifyFew readers