Skip to main content

Customizing Widget Labels

Guide to edit and customize the Asklo button that appears on your store' product pages.

Updated over 10 months ago

This guide explains how you can customize the labels on the Asklo widget that appears on your store's product pages.

You can edit:

  • Button Label

  • Popup Title

  • Text Field Placeholder

  • Ask Button Text

Asklo Widget Customization

For Shopify Stores using 1-Click Integration

Step 1: Login to your Shopify store's admin panel.

Step 2: Navigate to Online Store > Themes.

Step 3: Click Customize on the theme where Asklo widget is integrated.

Step 4: From the page selector in header, select Products > Default product.

Step 5: From the template tree on the left, select the Asklo app.

Step 6: Edit the text inputs as desired, and Save the theme.

For Shopify Stores using Manual Integration

If you have manually integrated the widget using a code snippet, you can customize it as follows:

Step 1: Navigate to the code snippet.

Step 2: Modify the code snippet

The following example shows how to customize the text/labels:

  <klevu-init>
<klevu-product-query
button-text="Ask Product Assistant"
popup-title="Ask a Question"
text-field-placeholder="Type your question here..."
ask-button-text="Send"
pqa-widget-id="pqa-3d3044a5-7be6-4c60-a655-54ab8f7c54ce">
</klevu-product-query>
</klevu-init>

For Other Platforms

Step 1: Open your store's product page template file.

Step 2: Find and Navigate to the code snippet.

Step 2: Modify the code snippet as below.

The following example shows how to customize the text/labels:

  <klevu-init>
<klevu-product-query
button-text="Ask Product Assistant"
popup-title="Ask a Question"
text-field-placeholder="Type your question here..."
ask-button-text="Send"
pqa-widget-id="pqa-3d3044a5-7be6-4c60-a655-54ab8f7c54ce">
</klevu-product-query>
</klevu-init>

Did this answer your question?