Skip to content
  • There are no suggestions because the search field is empty.

How to Add a Button to Your WordPress Website to Sell Digital Gift Cards

Adding a dedicated button on your WordPress website makes it easy for visitors to purchase Facilipay Digital Gift Cards without leaving your site. You can either link to your gift card page or embed the purchase experience directly on your WordPress page.

Before You Begin

✔ You must have Facilipay Digital Gift Cards enabled in your Business Portal.
✔ You need your unique Facilipay gift card URL — usually found in your Business Portal under Company Details or Online Sales.
✔ Your WordPress site editor (Block Editor/Classic) must allow adding buttons or custom HTML.


Option 1 — Add a Button That Links to Your Gift Card Page

The simplest way to sell digital gift cards is to add a button that links customers to your Facilipay gift card purchase page.

1. Copy Your Gift Card URL

  1. Sign in to the Facilipay Business Portal.

  2. Go to My Business → Company Details (or Online Sales).

  3. Copy your Digital Gift Card URL — this is the page where customers can choose gift card amounts and checkout.


2. Add a Button in WordPress

  1. Open the WordPress dashboard and edit the page where you want the button.

  2. Use the Button block (Block Editor) or add a Custom HTML/Text link in your page content.

  3. Enter your button text — e.g., Buy Gift Cards or Send a Gift.

  4. Paste your Facilipay gift card URL as the link.

Example (Block Editor Button):

  • Button text: Buy Gift Cards

  • Link: Your Facilipay Digital Gift Card URL

When published, visitors can click this button to go directly to your gift card purchase page.


Option 2 — Embed the Gift Card Page (iFrame)

If you want customers to complete the purchase without leaving your page, embed the Facilipay gift card interface with an iFrame.

1. Add an iFrame Block

  1. Edit the WordPress page where you want the embedded gift card checkout.

  2. Insert a Custom HTML block.

  3. Paste the following iFrame code — replacing YOUR_FACILIPAY_GIFT_CARD_LINK with your URL:

 
src="YOUR_FACILIPAY_GIFT_CARD_LINK"
width="100%"
height="1200px"
frameborder="0"
scrolling="auto"
>
 
 

This loads the Facilipay gift card page directly in your WordPress layout. Adjust height as needed to suit your design.


Tips & Best Practices

  • Prominent Placement: Position the button or embedded frame in high-visibility areas like the homepage, header, or footer.

  • Clear Call-to-Action (CTA): Use text such as Send a Gift Card or Give a Gift Today to make intentions clear.

  • Test Across Devices: Check the link or embedded frame on desktop and mobile to ensure usability.

  • Track Conversions: Consider adding simple analytics (e.g., UTM parameters) to your gift card URL to track click-throughs and purchases.


What Customers Experience

  • Clicking the Buy Gift Cards button opens your Facilipay gift card purchase page.

  • Customers choose an amount, enter recipient details (if enabled), and complete payment securely through Facilipay.

  • If embedded, the experience remains on your WordPress site with the iframe visible in place.