Okendo

The call-to-action (CTA) buttons on the recommendation page of a quiz can be customized to the action(s) you would like users to take after completion. Both a primary and secondary action can be configured, offering greater flexibility and personalization.

In this article, you'll learn about:

<a href="#h_2792f23eec">Use cases for customizing CTAs</a>

<a href="#h_7a70ae5e0e">Customizing the CTAs and button text</a>

- <a href="#h_2792f23eec">Use cases for customizing CTAs</a>
- <a href="#h_7a70ae5e0e">Customizing the CTAs and button text</a>

By default the primary CTA for a quiz is set to add to cart for each product. However, there may be some cases where other CTAs will make more sense depending on the product and vertical.

Drive Engagement with Blog Content Link to educational or inspirational blog posts related to the product. For example:

- A skincare brand can direct users to a blog about proper application techniques.
- A homewares store might link to a guide on styling the product in different settings.

Appointment Booking Use CTAs to connect customers with appointment booking pages for services like:

- Fittings or consultations for apparel, accessories or homeware such as bedding.
- Demo sessions.

Custom Product Calculators If your product requires configuration or estimation, direct customers to specialized tools like:

- Quantity or size calculators (e.g., pet food or pool cleaning).
- Price calculators for custom-built or personalized items.

Deep Linking for Targeted Product Info

- Product-specific FAQs.
- Reviews or testimonials for individual products.

Customer Support and Help If a product might require assistance or extra guidance, link the CTA to:

- A detailed how-to guide or custom routine.
- A customer support page or live chat.

1. Drive Engagement with Blog Content Link to educational or inspirational blog posts related to the product. For example:
 - A skincare brand can direct users to a blog about proper application techniques.
 - A homewares store might link to a guide on styling the product in different settings.
2. Appointment Booking Use CTAs to connect customers with appointment booking pages for services like:
 - Fittings or consultations for apparel, accessories or homeware such as bedding.
 - Demo sessions.
3. Custom Product Calculators If your product requires configuration or estimation, direct customers to specialized tools like:
 - Quantity or size calculators (e.g., pet food or pool cleaning).
 - Price calculators for custom-built or personalized items.
4. Deep Linking for Targeted Product Info
 - Product-specific FAQs.
 - Reviews or testimonials for individual products.
5. Customer Support and Help If a product might require assistance or extra guidance, link the CTA to:
 - A detailed how-to guide or custom routine.
 - A customer support page or live chat.

Follow the steps below to customize CTAs for your quiz's recommendation pages. 

Access the Recommendation Page Settings

- Edit a quiz, click the Configure tab and expand the Recommendations Page section.
- Locate the Call To Actions settings

- Choose from the following options for the primary CTA:
 - Add to Cart: Adds the product to the customer’s cart directly.
 - View Product: Links to the product detail page, ideal for high-value products or when customers need more information.
 - Custom: Allows you to specify a custom URL using tags like {{ product.id }} and {{ variant.id }}. Using the tags will ensure that the link will be dynamic for each recommended product as long as a different version of the page has been created in Shopify with the product or variant IDs. For example the link to a blog post containing a product ID could be the following: 
 https://okendocosmetics.com/pages/blog-8219815575808

- Select from the following options for the secondary CTA:
 - None: No secondary action displayed.
 - Add to Cart
 - View Product
 - Custom

- Use the Primary Action Button Text and Secondary Action Button Text fields to specify the text displayed on each button. For example, "Learn More" or "Shop Now."

- Save your updates and preview the recommendation page to ensure the CTAs display correctly.

1. Access the Recommendation Page Settings
 - Edit a quiz, click the Configure tab and expand the Recommendations Page section.
 - Locate the Call To Actions settings

2. Configure the Primary Action
 - Choose from the following options for the primary CTA:
 - Add to Cart: Adds the product to the customer’s cart directly.
 - View Product: Links to the product detail page, ideal for high-value products or when customers need more information.
 - Custom: Allows you to specify a custom URL using tags like {{ product.id }} and {{ variant.id }}. Using the tags will ensure that the link will be dynamic for each recommended product as long as a different version of the page has been created in Shopify with the product or variant IDs. For example the link to a blog post containing a product ID could be the following: 
 https://okendocosmetics.com/pages/blog-8219815575808
 

3. Configure the Secondary Action
 - Select from the following options for the secondary CTA:
 - None: No secondary action displayed.
 - Add to Cart
 - View Product
 - Custom
 
4. Customize Button Text
 - Use the Primary Action Button Text and Secondary Action Button Text fields to specify the text displayed on each button. For example, "Learn More" or "Shop Now."
 
5. Save Changes and Preview
 - Save your updates and preview the recommendation page to ensure the CTAs display correctly.