Ask a Question

Author: Anna Nguyen 4111 views

This extension is a valuable tool that enhances the customer experience and facilitates seamless communication between shoppers and your business. With this extension, customers can easily fill out a form to inquire about specific products, ensuring their questions are answered promptly and accurately.

ohmyshot 20260629 122414

After the customer hit the send button, they’ll have to pass the Google Captcha test to prevent spam. After submitting the form, the information will be sent to the Sender email address. You can check either the spam box or all the tabs on email.

In case you want to change the email address, please go to Shopify admin => Settings => Notifications => Sender email

2023 10 11 0 38 59

1. How to install the Ask a Question extension?

Step 1: From your EComposer dashboard, go to CRO Extensions from the left sidebar menu.
Step 2: Search for the Ask a Question extension
Step 3: Click Details, then click the Install extension button on the extension popup to install the extension on your store.

ohmyshot 20260615 124701

Note: You can use this extension on EComposer Pro and Premium plans. Upgrade now to unlock

2. Call the Extension to the Editor

Call the Extension to the Editor: Inside the EComposer editor, open the Extensions tab from the left sidebar, then find the Ask a Question extension from the installed extensions list and drag it into your desired position on the page. After adding it successfully, you can start customizing the extension settings and style.

3. Content

3.1. General

These settings control what customers see in the contact popup/form. In short, these settings customise the appearance and field labels of the Ask a Question contact form customers use to send inquiries.

  • Main Title: The main heading shown on the button before the popup is opened.
  • Icon Setting: Upload an icon to display beside the title for visual styling.
  • Form Title: The heading shown inside the form at the top of the Ask a Question popup.
  • Name Label: The text shown for the customer name input field.
  • Email Label: The text shown for the customer email input field.
  • Message Label: The label text shown above the message input box where customers type their question.
  • Button Label: The text displayed on the submit button to send the form.
  • Don’t get link product: Controls whether the product is included in the submitted inquiry.
    • Enabled: Product is not included in the form.
    • Disabled: Product is included in the form.
ohmyshot 20260629 124150
ohmyshot 20260629 124008
Here is the result of the ” Don’t get link product” setting
  • Width Popup: Sets how wide the Ask a Question popup window appears on the screen.
ohmyshot 20260629 125142

3.2. Notification

  • Show preview message: Enables preview/notification after the customer submits the form.
  • Success Message: The message shown when the form is submitted successfully. (Example: Your question has been sent successfully!)
  • Error Message: The message shown if the form submission fails or has an issue. (Example: Something went wrong. Please try again.)
ohmyshot 20260630 070940

3.3. Design

Those options control how the Ask a Question section looks visually in terms of appearance. Such as color, background, typography, alignment, spacing, border, hover effects of each part of the Ask a Question popup.

  • General: Controls the overall appearance of the section. (Example: Background, Border, Border Radius)
  • Product Details: Customise the style of the product information area. (Example: text color, typography)
  • Icon: Change the icon’s size, color, spacing.
  • Popup Button/Input/Submit: Style the button that opens the popup. (Example: text color, background color, border, width, height, hover effect, typography)
  • Form Title/Form Label/Error Message/Successfully Message: Style the success confirmation message.
    (Example: text color, background color, typography, alignment)

4. Translate the content of the Extension

If you would like to show multiple languages, you can use the translation app currently installed on your store, such as Translate & Adapt shown in the video.

From there, go to Default Theme Content > Sections > search for “Ask a question” to locate the correct field and template. Then, you can enter the translated content for the additional language you would like to display in the right Column.

Leave a Comment

Enjoy a free 3-day trial. Then get your first month for $1. Try Now.