Skip to main content
Customizing Widget Labels

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

Updated over 4 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?