GrowthPenguin - Learn a/b testing with JavaScriptWhat do you want to do with the code?
Sometimes you need to make visual changes to elements when creating your a/b tests with JavaScript. You don’t always have a developer that can set up a style sheet for you. So the question might arise: How to change CSS with JavaScript? This is what I will teach you in this article.
In this article, we will be testing the right mobile keyboard for credit cards according to Baymard. It involves getting the right input mode, setting a pattern, disabling validation, disabling auto-correction, and setting the right autocomplete.
In this article, we will be testing optimized phone fields according to Baymard. It involves disabling auto-correction, getting the right keypad with numbers, and setting the right autocomplete.
In this article, we will be testing out optimized e-mail fields according to Baymard. It involves disabling auto-correction, getting the right keypad, and auto-capitalization.
In this article, we will be adding a back-to-top button.
We’re going to apply the changes below:
In this article, we are adding a site-wide responsive benefits bar with JavaScript.
Our hypothetical case for this chapter is about adding benefits to a website. UX research from CXL showed that adding benefits underneath the header can be an effective way of communicating your unique selling points (USPs) to a visitor.
In this article, we are creating image elements with JavaScript.
Our hypothetical case for this chapter is about maintaining a modern, relevant design. Some websites might look outdated because of the lack of modern design elements. Large hero images can give your website a boost in that aspect.
In this article, we will be adding unique selling points to your webpage with JavaScript.
Research from CXL showed that the benefits listed with bullet points are most memorable and most preferable.
Let’s create another way to refresh with a refresh page button!
This blog post will take you through the process of adding a button that will refresh the page while ignoring the cache.
Losing your coupon code sucks. A copy to the clipboard button would have saved me the hassle of convincing the customer service that I received one.
Our hypothetical case for this chapter is about adding a copy to a clipboard button for users that get a coupon code offered on a webpage.