1. Help Center
  2. Brilliant - AI Assistant
  3. Initial setup

Add the Brilliant product questions block

Created
Updated
Follow

The Brilliant product questions block lets you display frequently asked questions about the product a customer is viewing directly on its product page. This way, you can answer 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, make sure 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. Access the product template

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

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

2. Find 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. Add and configure the block

2.1. Add the block

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

5. In the Shopify theme editor, click Add section in the side menu.

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 purchase button. 

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

 

2.2. Customize 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 isn’t shown to your customers.
  • “Text color”: defines the color of the question text.
  • “Background color”: defines the background color of each question.
  • “Hover background color”: 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 won’t 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

Make sure 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 doesn’t have any generated questions yet, the block won’t 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 Delete section or Delete block, depending on how you added it. You can also use Hide  without deleting it.
  4. Click Save.

 

 

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

  

Do you 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 make the most of your Brilliant account, we recommend continuing with the following articles: