> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://socialhead.crisp.help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Add CTA buttons to Widget View Detail direct to Check out and Add to cart

Articles on: [Socialwidget](/en/category/socialwidget-1wilu9k/)

### CTA button supports converting your visitors to buyers

  
  
# How to create CTA buttons

  
  
Firstly, you will need to complete [tagging your products](https://socialhead.crisp.help/en/article/tag-products-variants-in-a-photo-s354uc/) on the Gallery before customizing this feature.  Once you finish tagging product, you can:  
  
*   Choose Widget tab and click Edit
  

![](https://storage.crisp.chat/users/helpdesk/website/cb92164b6e8ef000/image_d8icxd.png)
  
  
*  At Edit Widget page,  choose **Customize widget** section > Select **Shoppable settings**


![](https://storage.crisp.chat/users/helpdesk/website/cb92164b6e8ef000/image_y8cxfk.png)
  
*   Here, you can easily choose the type of display and choose the CTA to encourage customers to place an order according to your desire for customer behavior.
  
  
![](https://storage.crisp.chat/users/helpdesk/website/cb92164b6e8ef000/image_1grf2y6.png)  

# Types of CTA buttons

  
  
The button will be default setting after your products are tagged. It will redirect to your Product page when clicking.  
  
![](https://storage.crisp.chat/users/helpdesk/website/d06293b527107000/cd5c8e68-b8ea-42c3-8e34-c4ee65_19aaj0k.png)  
  
  
This feature will turn your visitors directly to the Checkout page in one click.  
  
![](https://storage.crisp.chat/users/helpdesk/website/e5137655bdd7a800/e0a41934-85c1-4541-89e5-f63a96_lqc4bu.png)  
  
You can also edit Check out text to the content you'd prefer  
 

![](https://storage.crisp.chat/users/helpdesk/website/cb92164b6e8ef000/image_df7e3e.png)
  
This feature supports your customers add products to the shopping cart directly and checkout later.  
  
![](https://storage.crisp.chat/users/helpdesk/website/ab8a6f89b0a19000/image_1pc4k8v.png)  
  
You can also edit Add to cart text to the content you'd prefer  

![](https://storage.crisp.chat/users/helpdesk/website/cb92164b6e8ef000/image_14lxxrl.png)
  
There is no feature to support editing View detail text. Stay tuned! We will upgrade soon!  
  
If you meet any issue while trying to fix these errors, do not hesitate to drop us a message in the live chat or email us at [support@socialhead.io](mailto:support@socialhead.io). We would love to help you out!

Updated on: 1/11/2024