Adding a Header and Footer Section to your Gift Card Pro Storefront Pages

Adding header and footer content to your Gift Card Pro builder or balance check page can be done from within the Gift Card pro app dashboard.

To get started, go to Apps –> Gift Card Pro –> Configuration –> Appearance settings.

Here, you will see the option to enter in html, which will load on your storefront.

There are 4 sections in which you can add custom content. The Purchase Page Content Top and Bottom, and the Balance Page Content Top and Bottom.

As an example, let’s add header content to the Purchase Page, therefore injecting custom content into the section title Purchase Page Content Top.

The following code:

<div style="text-align: center;">
Demo Digital Gift Card
<div style="text-align: center;">
<p class="gcp-header">Send a digital gift card directly to your recipient via E-mail or Text Message!

Will output this:

Using a combination of HTML and CSS, you can add any type of content here.

As ever, please don’t hesitate to get in touch if you require any assistance at

Can't find the answer in our documentation?
Contact Support