CTA Placement for Measurable and Effective Click-through Rate (CTR)
CTA placement and design is a strategic aspect that leads to increased CTR on any product page.
- Tangiblee’s solution is most valuable to users at the beginning to middle stages of their buying journey. During this time, users look at the product imagery to understand how it will fit their needs. This stage is when Tangiblee’s value shines, helping to answer questions about the size and fit of the product.
- Placing the Tangiblee CTA in the product image focus area aligns with the users’ exploratory phase, ensuring they benefit most from the tool. This placement would likely improve engagement and satisfaction, leading to a more informed purchase decision and potentially reducing return rates due to sizing issues.
- The beginning of the buying journey happens within the product image carousel area, which is the optimal place for the Tangiblee CTA. We recommend placing the Tangiblee button on the product imagery or right below it.
See examples and CTR information below.
Mobile CTA Placement - Handbags & Luggage
![](https://cdn.prod.website-files.com/6125ee5e44f54b746e2b7c3b/667de315b6c2bd8827451f16_Untitled-5-04.jpg)
Ideal mobile CTA placement is near or overlaying the image, above the fold, and close to the add-to-cart button. This placement generates a 12-23% CTR.
![](https://cdn.prod.website-files.com/6125ee5e44f54b746e2b7c3b/667de3de27ed2fae9241df64_Untitled-5-05.jpg)
Poor mobile CTA placement is below the fold, on a second screen, or requires scrolling this results in a CTR less than 10%.
Desktop CTA Placement - Handbags and Luggage
![](https://cdn.prod.website-files.com/6125ee5e44f54b746e2b7c3b/667de44d481212b1f364e741_Untitled-5-01.jpg)
Ideal desktop CTA placement includes both an icon and text is above the fold, above the add-to-cart button, and close to the image. This results in a CTR between 15-30%.
![](https://cdn.prod.website-files.com/6125ee5e44f54b746e2b7c3b/667dfda07de9d432c87d1d63_Carosuel.jpg)
Another ideal desktop CTA placement is within the carousel. This results in a CTR between 30-50%.
![](https://cdn.prod.website-files.com/6125ee5e44f54b746e2b7c3b/667dfdd5b4117066350b542e_Untitled-5-02.jpg)
Poor desktop CTA placement is text only, below the fold, and an inaccessible CTA. This results in a CTR less than 10%.
Suggested CTA Text - Handbags and Luggage
- View Size
- See Size
- See Bag Size
- Compare Bag Size
- Compare Size
Mobile CTA Placement - Watches
![](https://cdn.prod.website-files.com/6125ee5e44f54b746e2b7c3b/667e2f7a4949a8b2948c6b50_CTAPlacementWatch-08.jpg)
Ideal mobile CTA placement for watches is close to the product image, above the fold, and includes an icon and text. This results in a 10-30% CTR.
![](https://cdn.prod.website-files.com/6125ee5e44f54b746e2b7c3b/667e2fd345e3e28f50a4181f_CTAPlacementWatch-09.jpg)
Desktop CTA Placement - Watches
![](https://cdn.prod.website-files.com/6125ee5e44f54b746e2b7c3b/667e30fd37ad418c9f925459_CTAPlacementWatch.jpg)
Ideal desktop CTA placement for watches is above fold and in an upper corner of the product photo. This results in a 10-30% CTR.
![](https://cdn.prod.website-files.com/6125ee5e44f54b746e2b7c3b/667e311e37ad418c9f927c4e_CTAPlacementWatch-06.jpg)
Poor desktop CTA placement for watches is below the fold and requires scrolling. This results in a CTR less than 10%.
Mobile CTA Placement - Jewelry
![](https://cdn.prod.website-files.com/6125ee5e44f54b746e2b7c3b/667ee41dce6f1de02d4845f6_CTAPlacement_Jewelry-10.jpg)
Ideal desktop CTA placement includes both an icon and text is above the fold, above the add-to-cart button, and close to the image. This results in 15-30% CTR.
Desktop CTA Placement - Jewelry
![](https://cdn.prod.website-files.com/6125ee5e44f54b746e2b7c3b/667ee4bf529fd60b90f9d558_CTAPlacement_Jewelry-11.jpg)
Ideal desktop CTA placement for jewelry is placed on the main product image, above the fold, and close to or withing the carousel. This results in a 15-30% CTR.
![](https://cdn.prod.website-files.com/6125ee5e44f54b746e2b7c3b/667ee52be53852145e390c3d_CTAPlacement_Jewelry-12.jpg)
Poor desktop CTA placement for jewelry is below the fold and requires scrolling. This results in a CTR less than 10%.
Suggested CTA Text - Jewelry
- See Size
- Try it On
- See it On
- Compare Size
- Size It
Summary
- Position CTA above the fold, avoid scrolling
- Place CTA close to the main image
- Make your CTA look clickable: use an actual button element, not just a text link
- Add an icon to attract the user's attention
- Use short text and action words
- Consider different CTA locations between the devices
- Incorporate your brand’s visual language (fonts/colors)
- Give your CTA some space - to draw attention to it
- Customize your CTA to fit your unique PDP (including the size and placement of your main image and the scale of your website page)