Add a Brilliant product questions block

The Brilliant product questions block allows you to display frequently asked questions about the product a customer is viewing directly on its product page. This way, you can resolve their questions and continue the conversation with the Brilliant assistant.

In this article, you’ll learn how to add and configure the Brilliant product questions block on your Shopify store’s product pages.

  

Implementation time: 10 min.
Difficulty: Easy.
When to use it: When you want to display recommendations for similar products on your store’s product pages. 

 

Before you start

Before adding the block, check that:

  • Brilliant Control Center is enabled in your Shopify theme.
  • The Similar products skill is enabled under Skills.
  • Your Shopify theme allows you to add app blocks to product pages.
  

Shopify Online Store 2.0 themes, such as Dawn, support app blocks.

 

STEP 1. Accessing the product template

(This section explains how to access the theme editor where you want to add the similar products block.)

1. From the Shopify admin, go to "Online store > Themes".

2. Locate the published theme where you want to add the block and click Edit theme.

Añadir el bloque de preguntas del producto de Brilliant - 1.png
 

3. In the theme editor, click Products.

Añadir el bloque de preguntas del producto de Brilliant - 2.png
 

4. Select Default product or the product template where you want to display the block.

Añadir el bloque de preguntas del producto de Brilliant - 3.png

 

STEP 2. Adding and configuring the block

2.1. Adding the block

(This section explains how to add the Brilliant product questions block from the Shopify theme editor and how to define its position on the product page.)

5. In the Shopify theme editor, click Add section from the sidebar.

Añadir el bloque de preguntas del producto de Brilliant - 4.png
 

6. Go to the Apps tab and select Product questions.

Añadir el bloque de preguntas del producto de Brilliant - 5.png
 

7. Drag the block from the left sidebar to the position where you want it to appear on your website.

  

We recommend adding the block within the product information section, near the description or the purchase button. 

Añadir el bloque de preguntas del producto de Brilliant - 6.png

 

2.2. Customizing the block

(In this section, you’ll learn how to configure the appearance of the product questions block.)

8. From the Shopify theme editor, click Product questions to open the settings.

9. From the right sidebar, you can configure the following options:

  • “Name”: defines the name of the block in the theme editor. This name is not shown to your customers.
  • “Text color”: defines the color of the question text.
  • “Background color”: defines the background color of each question.
  • “Background color on hover”: defines the background color of a question when the customer hovers over it.
  • “Border color”: defines the outline color of each question.
  • “Font size”: defines the size of the question text.
  • “Border width”: defines the thickness of the outline of each question. If you select “0,” the border will not be displayed.
  • “Border radius”: defines the rounding of the corners of each question.
  • “Vertical padding” and “Horizontal padding”: define the inner spacing of each question.
  • “Spacing between questions”: defines the space between one question and the next.
  • “Section vertical padding”: defines the space above and below the block.

Añadir el bloque de preguntas del producto de Brilliant - 7.png
 

10. Click Save to apply the changes. Once saved, the questions block will appear on the pages that use the product template where it was added. 

Añadir el bloque de preguntas del producto de Brilliant - 8.png

 

Frequently asked questions

1. Why do I always see the same questions in the Shopify editor?

Sample questions are displayed in the theme editor so you can see what the design will look like. In your store, each product will display its own questions.

 

2. I added the block, but it doesn’t appear in my store

Check that:

  • You saved the changes in the theme editor.
  • You added the block to the published theme in Shopify.
  • Brilliant is enabled from Home. 
  • The Product questions skill is enabled under Skills. 
  • The catalog has finished processing. 
 

Questions are generated while the catalog is being processed. If a product is very recent and does not have generated questions yet, the block will not appear on that page.

 

3. Can I edit the questions that are displayed?

No. Brilliant automatically generates questions for each product based on the information available in your catalog.

To improve their quality, you can enrich the product information in Shopify or enable additional metafields from “Train your AI > Metadata”.

 

5.  How does the product questions block work?

Brilliant automatically generates questions for each product based on the information in your catalog. Up to four questions are displayed on each visit, and they may vary.

When the customer clicks one of them or types their own question, the Brilliant assistant opens with the answer so they can continue resolving their questions in the chat.

 

6. How can I remove the block?

  1. Go to the Shopify theme editor.
  2. Select Product questions.
  3. Click Remove section or Remove block, depending on how you added it. You can also use Hide  without removing it.
  4. Click Save.

 

 

Success! 
The product questions block is now ready to be displayed on your Shopify store’s product pages.

  

Still have unanswered questions?
Remember that our Support team is available to help. You can contact them by writing to support@getbrilliant.ai.

 


Keep learning!

To take full advantage of your Brilliant account, we recommend continuing with the following articles: