Categories
Action Adding JavaScript

JavaScript for optimizers #16: Adding a site-wide benefits bar

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.

Categories
Action Adding JavaScript

JavaScript for optimizers #15: Creating image elements

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.

Categories
Action JavaScript

JavaScript for optimizers #14: Adding unique selling points

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. 

Categories
Action Adding JavaScript

JavaScript for optimizers #13: Refresh page button

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.

Categories
Action Adding JavaScript

JavaScript for optimizers #12: Copy to clipboard button

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.

Categories
Condition JavaScript Onclick

JavaScript for optimizers #11: Show and hide divs on click

In this article, we want the user to show and hide divs on click.

Our hypothetical case for this chapter is about giving the user the freedom to hide the elements they don’t want to see.

Categories
Action Adding Hiding JavaScript

JavaScript for optimizers #9: Adding and removing button icons

In this article, we are retaking a look at icons like the previous article. Sometimes changing the icon isn’t enough. What if you need to remove or add an icon? Our hypothetical case for this chapter is about adding and removing button icons.

Categories
Action Changing JavaScript

JavaScript for optimizers #8: Changing button icons

Want to test more than just a link? Then, you need to learn JavaScript. Use my method to start changing button icons on your website.

I started a series covering practical step-by-step ways to use JavaScript to set up winning experiments on your website.

Each article in the series covers a different JavaScript method, illustrated by applying best practices to websites as hypothetical cases.

Categories
Action Adding JavaScript

Javascript for optimizers #7: Inserting a countdown offer

Want to test inserting a countdown offer? Then, you need to learn JavaScript. I started a series covering practical step-by-step ways to use JavaScript to set up winning experiments on your website.

Each article in the series covers a different JavaScript method, illustrated by applying best practices to websites as hypothetical cases.

Categories
Action Hiding JavaScript

JavaScript for optimizers #6: Removing currency symbols

Want to test more than just the color of a button? Then, you need to learn JavaScript. I started a series covering practical step-by-step ways to use JavaScript to set up winning experiments on your website.

Each article in the series covers a different JavaScript method, illustrated by applying best practices to websites as hypothetical cases.