Welcome to our comprehensive guide on integrating custom attributes for currency and percentage functionalities into your Webflow project. This documentation is designed to assist developers in enhancing their Webflow sites with advanced features that cater to various use cases. Follow the step-by-step instructions to ensure a smooth setup.


🚀 Basic Setup (Required)

Explaining Use Case

This setup is essential for Webflow projects that require dynamic display of currencies or percentages, enhancing user interaction and data representation on your website.

Adding Script Source

  1. Script Integration: To initiate, you must embed this script into the <head> section of your website. This script is pivotal for the custom attributes to function correctly.

    <script src="<https://cdn.jsdelivr.net/npm/@yes-chef/[email protected]/dist/index.js>"></script>
    

Input Configuration

https://prod-files-secure.s3.us-west-2.amazonaws.com/8e1f8e6c-738f-4c7a-a620-25ccf9ad7cf2/808a03a4-906e-4884-b953-a68caa20978c/Screenshot_2023-11-06_at_15.18.10.png


💱 Currency Setup

Main Attribute: currency

This attribute enables the dynamic display of currencies on your website, offering a tailored experience to international users.

https://prod-files-secure.s3.us-west-2.amazonaws.com/8e1f8e6c-738f-4c7a-a620-25ccf9ad7cf2/2db88bd8-ee1e-4fe2-9d38-171fcc2af05d/Screenshot_2023-11-06_at_15.18.31.png

Supported Currencies and Attributes

Prefix Location Adjustment