Key Benefits

Here’s how you can user Wbmaxy with Shopify in order to boost conversions and improve UX

Shopify store creation is very easy and you are just a few clicks of buttons away for joining the ranks of millions of other business that are already using this e-commerce platform. The only difficult part is only the conversion of your store’s traffic into sales and repetition of customers.

There are several tools like Gogle Analytics that can give you insights about your store’s traffic such as bounce rate, session duration, exit rates and goal conversion rates, but they do very little to tell you about the behavior of users. That’s where Webmaxy helps.

It complements such tools to give you the right product experience insights that can be termed to be helpful and your team can build a product that your users will love.

Here’s why you shoud use Hotjar with Shopify

• It is very easy to set up as you can add Webmaxy to your Shopify in just a few clicks.
• It helps in improving your interface as you can discover the most as well as the least exciting pages of your store and can give more to the users what they love.
• It helps in valuable user insights and identifies the drivers that bring more customers to your site and hook them to stay or convert.
• It aids in improving user experience which results in more number of customers.
• As you can now collect direct feedback from users, you can increase conversions.

Use Cases

There are several reasons for which you can use Webmaxy with Shopify

Understand user interaction with key pages by finding rage clicks

• You can use Webmaxy with Shopify to understand user interaction with key pages.
• It triggers when a user repeatedly clicks on one element on your site.
• Here is the basic flow: When a user repeatedly clicks on an element on your site, Webmaxy records these rage clicks. Further, Webmaxy session recordings can be used to filter through your recordings to find as well as fix rage clicks.

Webmaxy recordings are the renderings of interactions of individual users on your website, which lets you see which pages a use visits before converting and how they interact with and experience each page. One of the great uses of session readings is that it helps in identifying rage clicks which is a sign of poor user interface. Therefore, you can use the rage click filter in Webmaxy session recordings to quickly point out what changes are needed to be made on the page for a better user interface.

Here’s how the filters help in the website

• You can start filtering your recordings to indentify why users are not completing their purchase and abandoning their carts. It will show the only users that made it to the checkout page.
• It further filters the URLs to show who rage clicked on the checkout pages.
• From this point, you can tell what is causing users to rage click. Whether it is a broken page element, they cannot choose their preferred payment option or are facing trouble in updating their billing details.
• You can also get more insights from your users by combining recording with the incoming feedback and find users who left the feedback and rage clicked. It will likely indicate the frustration of users when your website is broken or has confusing elements.
• You can further share your findings with your team which will help in deciding the necessary steps to improve the user experience.

It helps in identifying website bugs and other accessibility issues

• Use Webmaxy with Shopify to identify bugs and other accessibility issues on your website.
• Only you, your user and Webmaxy are involved in the process.
• It triggers when a user reports bugs.
• The basic flow of the process: As a user reports a bug, you can then use your session recordings to replay their session and see what is not working. You can further fix the bug and improve the user experience on your website.

It helps in quickly catch the functionality, compatibility and design bugs with Webmaxy recordings and the incoming feedback widget. You can now see and understand what your users are experiencing and let them further express delight or frustration about some specific pages or elements.

When users report a bug while browsing your website, you as well as your team can review the session recording s and help in spotting and fixing it. This is useful especially when you release a new feature for your website. The incoming feedback widget further helps in collecting standalone comments that sow how individual users feel about a specific element.

Conduct surveys after purchase

• You can use Webmaxy with Shopify to conduct post-purchase surveys.
• Only you, your user and Webmaxy are involved in this process.
• It triggers when a user lands on your website.
• The basic flow is as follows: As a user land on your website, Webmaxy deploys the survey that you created. Your user then takes your survey and sends their answers to Webmaxy. You can now review your users’ answers and use them to understand your users better.

You can now measure customer satisfaction with the surveys and find out how your user feels about their shopping experience. You can also launch an exit survey which the customers can go through while leaving your site.

Users can answer the survey in real-time and in their own words which gives you a valuable feedback of your website and you get to know what they like and do not like. There are several questions that you can ask your users. Here are some of the basic ones:

• How would you rate your experience on a scale of 1 to 5?
• What can we do to improve your experience?
• What did you love about our website?
• What stopped you from completing your purchase?

It helps in identifying popular as well as unpopular page elements

• Webmaxy with Shopify help in identifying popular as well as unpopular page elements.
• Only you, your user and Webmaxy will involved in the process.
• It will be triggered when the user lands on a high-intent page.
• The basic flow is as follows: A user lands on your website and Webmaxy aggregates mouse movements, scroll depth and clicks from your users to create the heatmaps.
• You can also use the heatmaps to find the popular as well as unpopular areas of your page.

Post identifying a page from Google Analytics that is high intent, which you can use to see what areas are elements of those web pages receive the most or the least attention from users.

Heatmaps shows how far a user scrolls down a page, how they move their mouse around the page and what they click on. This helps in quickly identifying which elements are getting the most traffic.

Find the elements that obstruct or prompt user action

• Webmaxy with Shopify can be used to find elements that obstruct or prompt user action.
• Only you, your user and Webmaxy will be involved.
• It will be triggered when a user lands on your page.
• Here is the basic flow: As a user land on your page, you can use Webmaxy heatmaps, recordings and on-site surveys can be used to collect user data. Later, you can use the data to make changes that increase the conversions and improve user experience.

You can use Heatmaps to see where the users click the most, move and further scroll the page to find the elements that disrupt or prompt the user action. They can further help you in making decisions whether to move a CTA to a different area on the page in order to improve conversions.

In order to understand you users even better, you can combine heatmaps with other product experience insights as well as feedback tools such as recordings and surveys.

Such on-site surveys also let the users tell you what they like or dislike about your page and store in their words. In Webmaxy, you can also customize the colour as well as appearance to match your brand style.

Configuration

How to integrate Webmaxy with Shopify

You need follow these steps first so that you can install or integrate Webmaxy on you Shopify store:

• Sign up for Webmaxy
• You can then add your Shopify domain to your dashboard
• You can also copy your unique tracking code.

Now, you can navigate to Themes on your dashboard by clicking on ‘Online Store and then Themes.’

Then, click on the Actions drop-down menu and then click the Edit code option.

Scroll down the page to find the head tag. You can now paste your tracking code before closing the tag.

Now, you can save to publish the theme and then apply changes. You can also use all of the Webmaxy tools on your Storefront.

You can also put Webmaxy to work on your post-checkout pages with these steps:

• First, you can open your Shopify dashboard settings by clicking on the Settings option.
• You can then click on Checkout.
• Find the additional scripts box at the bottom of the screen where you can paste your unique tracking code.
• After pasting the code, you can save it and confirm that you installed the code currently followed by verification.

FAQs