Color Evaluation on homepage

[MarkusCalvin]

Dear Shopify experts,

I would like to ask visitors which colors they like on the homepage.
For example, I would like to display 8 squares with different colors and the customer should be able to like the colors with a Like.
No forwarding, no submit, no saving in the account.
Simply for evaluation purposes.

Does anyone have any tips on how to achieve this?

Thank you very much!

Kind Regards

Markus

[kajalsejwal]

Hey,

To display 8 color squares on a homepage and let users "like" them without submitting or saving any data, you can achieve this with a simple HTML, CSS, and JavaScript setup. First, design the squares using HTML and style them with CSS to arrange them in a grid. For the "like" feature, JavaScript can be used to toggle a visual change (like adding a thumbs-up emoji or changing the square's border color) when a user clicks on a color.

The entire system can remain client-side, meaning no data is stored or forwarded, and the interaction resets when the page is refreshed.

If you later decide to track user interactions, you can integrate it with local storage or analytics, but for now, this method offers a lightweight and simple solution.

This approach gives users a visual and interactive experience without overwhelming them with unnecessary data submission or account actions.

[MarkusCalvin]

Thank you very much for your answer.

I would like to evaluate the likes. That's the reason. This means that we have to store the data for reporting purposes.

One option would be to evaluate via GA, if we do it this way.

I thought it could be done with some kind of survey app?

[kajalsejwal · Accepted solution]

To evaluate user preferences on color choices, you can use Google Analytics (GA) event tracking to record and analyze likes on the homepage color squares. Alternatively, integrating a survey app like Typeform or SurveyMonkey could help capture and store user feedback directly. These apps are simple to use and allow easy reporting for data analysis. Additionally, incorporating a chatbot on your site can further engage visitors by collecting their preferences through conversational prompts, enhancing interaction and increasing the likelihood of capturing valuable insights.

[MarkusCalvin]

Thank you very much for your help! Will give it a try! 🙂

[kajalsejwal]

Great, I can suggest a few chatbots as well, if you require?

[MarkusCalvin]

Not for the moment, thank you very much! 🙂