How to Add Promo Code on Webflow?

Want to offer promo codes on your Webflow website? Adding promo codes can be a great way to attract new customers and encourage repeat purchases. In this tutorial, we’ll guide you through the process of adding promo codes to your Webflow site.

Step 1: Log in to your Webflow Account

If you haven’t already, log in to your Webflow account. Once logged in, open the project where you want to add the promo code.

Step 2: Navigate to Ecommerce Settings

To add a promo code, go to the Ecommerce tab in the main dashboard of your Webflow project. Click on “Settings” and then select “Promo Codes” from the dropdown menu.

Step 3: Create a New Promo Code

To create a new promo code, click on the “New Promo Code” button. This will open a form where you can enter all the details for your new promo code.

Promo Code Details

  • Name: Enter a name for your promo code. This can be anything that helps you identify it later.
  • Code: Enter the actual code that customers will need to enter during checkout to apply the discount.
  • Type: Select whether your promo code will provide a percentage-based discount or a fixed amount off.
  • Value: Enter either the percentage or fixed amount depending on the type selected above.
  • Date Range: Specify the start and end date for which this promo code will be valid.

Promo Code Restrictions (Optional)

If you want to add any restrictions to your promo code, you can do so by expanding the “Restrictions” section on the form. Here are some options you can consider:

  • Minimum Purchase: Set a minimum purchase amount required for the promo code to be applicable.
  • Maximum Uses: Limit the number of times this promo code can be used in total.
  • Maximum Uses per Customer: Limit the number of times an individual customer can use this promo code.

Step 4: Save and Publish

Once you’ve entered all the necessary details for your promo code, click on the “Save” button to save it. Make sure to publish your Webflow site for the changes to take effect.

Step 5: Communicating and Testing Your Promo Code

To make sure your customers are aware of the new promo code, consider communicating it through various channels such as email newsletters, social media posts, or website banners. Additionally, make sure to test the functionality of your promo code by going through a test checkout process on your Webflow site.

Congratulations! You have successfully added a promo code to your Webflow site. Now sit back and watch as your customers enjoy discounts and increased sales!