Once you have installed the 99minds Gift Card App within BigCommerce, the next step is to embed the gift card widget on your storefront. Follow the steps explained below to configure the 99minds gift card app -
First, we need to enable Gift Certificates API for your store. Log in to your BigCommerce account. Go to Marketing > Gift Certificates section. Select the Enable Gift Certificates checkbox. Only if this option is enabled, the customers will be able to purchase and use gift certificates within your store. Click Save to save the Gift Certificate Settings. If you already have the option enabled, skip to the next step below.
When we enable Gift Certificates (and thus the API), Bigcommerce adds a default Gift Certificates page to your store. As we will be installing the 99minds Giftcard Widget on to your store, we need to disable/hide the default Gift Certificates page. To do so, we need to go to Marketing > Gift Certificates section and uncheck the Enable Gift Certificates checkbox.
Yes, we need to enable the Gift Certificates option first and then disable it. This enables the API for 99minds to use but hides the default Gift Certificates page.
In the BigCommerce menu, go to Products > View. The gift card product that was created by 99minds during app installation will now be shown in the list of products.
In the 99minds Gift card app, go to Settings > Integrations. Click on Manage below Bigcommerce and copy the Widget Code. This code snippet will be used when creating the storefront page in the next step.
In the BigCommerce menu, go to Storefront > Web Pages. Click Create a Web Page. Provide a name for the page, say, Gift card. This page name will be displayed on your website on top of the page content. In the Page Content section, click the HTML icon on the second row at the far end of the WYSIWYG editor.
In the HTML editor, paste the widget code you copied above.
Click Update to close the HTML editor. Click Save and Exit to complete adding the web page. You will see a confirmation message as "The new page has been added successfully". The newly created page will be listed in the View Web Pages screen.
The last step now is to enable the Integration. In the 99minds Gift card app, go to Settings > Integrations. Click on Manage below Bigcommerce and Switch on the Integration.
To ensure the integration is complete, click View Store or navigate to "<yourstorename>.mybigcommerce.com/<web page name>". The web page name is the page name you entered in Step 13. You will see the Gift Card screen with the option to purchase gift card.
To ensure the setup is working, select a $10 gift card, enter your name and email, accept the terms and conditions and click Add to Cart. Follow the steps to purchase the card until your order has been successfully placed. You will receive the gift card on your email.
Once you have purchased the gift card, click Home screen from the BigCommerce menu. Click Orders > Gift Certificates. You will see the recently purchased gift card order under the "All Gift Certificates" tab.