---
title: "How to Show Promo Code in an Elementor Template?"
url: https://theplusaddons.com/docs/show-promo-code-in-an-elementor-template/
date: 2024-02-21
modified: 2026-04-09
lang: en
author: "Aditya Sharma"
description: "Do you want to show promo codes using an Elementor template? Using an Elementor template you can create a custom layout and design to show your promo code offer. With..."
image: https://theplusaddons.com/wp-content/uploads/2024/02/How-to-Show-Promo-Code-in-an-Elementor-Template_-1024x536.jpg
word_count: 222
---

# How to Show Promo Code in an Elementor Template?

## 

- Utilizes the Coupon Code widget from The Plus Addons for Elementor to create custom layouts for promo codes.
- Requires installation and activation of The Plus Addons for Elementor to access the Coupon Code widget features.
- Instructs users to select options in the Layout tab and choose a template in the Back Side tab for displaying custom content.

Do you want to show promo codes using an Elementor template? Using an Elementor template you can create a custom layout and design to show your promo code offer.

With the Coupon Code widget from The Plus Addons for Elementor, you can easily create a custom layout for your promo code using an Elementor template.

*To check the complete feature overview documentation of The Plus Addons for Elementor Coupon Code widget, [click here.](https://theplusaddons.com/docs/coupon-code-widget-settings-overview/)*

***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-coupon-code/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

To do this, first, you have to create an Elementor template with your custom promo code offer.

Then add the Coupon Code widget to the page and follow the steps - 

1. In the **Layout **tab, select an appropriate option from the **Coupon Type** section, except Standard.

![](https://theplusaddons.com/wp-content/uploads/2024/02/Tpae-Coupon-Code-Show-Promo-Code-With-Template.gif)

2. After setting appropriate content in the **Front Side** tab, go to the **Back Side** tab and select **Template** from the **Content Type** dropdown.

> *Note: You can also use an Elementor template for the Front Side content.*

3. Then select your template from the **Template** dropdown. 

Now visitors will see your custom content instead of simple text once they go to the back side.

![Coupon Code Template Demo](https://theplusaddons.com/wp-content/uploads/2024/02/coupon-code-template-demo.gif)

*Suggested Read: [How to Create a Scratch Coupon Card in Elementor](https://theplusaddons.com/docs//scratch-coupon-card-in-elementor/)*