User Guide
Set up Option set
How to create option set: Introduction There are two ways to create a new option in the Qikify Product Options 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 SPopularWhy My Options Are Not Showing?
Why My Options Are Not Showing? Are your product options not appearing in the app or on the product page? Don’t worry — this usually happens for a few common reasons. Let’s walk through them one by one so you can quickly fix the issue. Reason 1: The App Is Not Activated in Your Theme If this is your first time using the app or you’ve recently switched to a new theme, the app embed may not be activated yet. How to check: Go to Online Store → Themes Click CustomizeFew 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 readersChange Product Images Based on Selected Options
How to Link Custom Product Options with Product Images in Qikify 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 dropdoFew readersSaved Options: Simplify Option Set Management
What Are Saved Options? Instead of manually creating option sets or relying solely on pre-made templates, Qikify Product Options 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 thrilleFew 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 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 number ofFew readersEnable app in current theme
To make sure Qikify Product Options work in your theme, please follow the steps below: Go to your Themes Edit theme Click on App embeds section Find Qikify Product Options app Turn on the toggle to enable app Click Save to save the changes in your theme. Finally, checkFew readersBuy Again Order with Options from Qikify in Customer Account
HOW IT WORKS Log in account on storefront Select any past order(s) having Qikify options ClFew readersShopify Point of Sale (POS) Integration with Qikify Product Options
Shopify Point of Sale (POS) Integration with Qikify Product Options In this article, we will discuss the integration of the Qikify 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 syncFew 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, and coloFew 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 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 to maFew 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 underFew readersSet up Cross-product Links (Combined Listing)
Cross-products Links: Make switching between products easier This guide explains how Qikify 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 on differFew 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 text.Few 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 : Export Current page ExporFew readersText Option Type
Qikify Product Options 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 instrFew readersOption Group
Option Groups are a powerful option type in Qikify 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 experience:Few readersHTML
Using HTML Option Type in Qikify Product Options The HTML option type in Qikify 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: *Insert YFew readersDate & Time Picker
In Qikify Product Options 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 mode thatFew 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: *Templates offer a faster way to create option sets compared to building them manually. *Maintain Consistency: *Use tempFew readers
Add Charges
Set up Add-on price
What is Add-on Price? The Add-on Price feature in Qikify Product Options 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 selecFew readersCombine 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 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 add-on products for your options. How to adFew readersOne-Time Charge Feature for Add-On Prices
We’re excited to introduce a long-awaited feature requested by many merchants: One-Time Charge for Add-On Prices 🎉 This feature allows you to charge the add-on price only once, regardless of how many quantities of the main product are added to the cart. Even if customers increase the quantity of the main product, the add-on price will remain fixed at 1 unit in the cart. Who Is This Feature For? The One-Time Charge feature is especially useful if you offer: Gift boxesFew 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 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 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. Instructions Step 1: Firstly, make sureFew 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 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 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 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 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 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 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 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 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 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 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 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 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