Installing Gleam Competitions App in Shopify

Gleam has recently partnered with Shopify to allow a seamless integration with their E-commerce platform. Firstly you will need to visit the Shopify store to install the Gleam app.

You will see the Gleam Competitions app appear to be installed inside your Shopify admin area:

Install the Gleam app on Shopify

Once you authorise the application you will need to create a Gleam account, we prepopulate as much of the information as we can:

Authenticate your Shopify account to connect with

Once inside Gleam you can see the Shopify App is installed in your Settings/Integrations:

Shopify App will appear in your Gleam integrations

Adding a Competition to your Shopify Store

You have a number of ways to add any competition you create to your Shopify store.

Automatically Create a Page

Whenever you build your competition the first installation method allows you to automatically create a page inside your Shopify store with the competition embedded automatically.

Automatically create a Shopify Page for your Gleam campaign

This will automatically create a page with the name your specify, we'll set the title as the name of your competition too. You can edit the content of the page in the pages area of your Shopify admin.

Shopify Open Graph Tags

When you install Gleam via the Create a Page option above we will save the page Open Graph tags automatically in a Metafield.

In order for these to show you need to add the below code to your theme.liquid file. Make sure the code is inserted before the closing </head> tag:

{% if == 'page' and page.metafields.gleam.opengraph != blank %}
  <meta property="og:url" content="{{ shop.url }}{{page.url}}" />
  {{ page.metafields.gleam.opengraph }}
{% else %}
  {% include 'social-meta-tags' %} <!-- keep default social-media-tags snippet inside the "else" block -->
{% endif %}

Manually Install Competition to a Page

If you manually create a page you can paste in the embeddable widget code that you find on your installation options, you will need to make sure that you select the Show HTML editor to do this.

Manually install your Gleam campaign in Shopify

Add a Tab to Your Store

If you have upgraded to a Business plan & want to install your competition as a tab. Then you will need to insert the tab code before the final body tag in your theme.liquid file.

Add a tab to your Shopify store to display the Gleam widget

Uninstalling The Shopify App

You can uninstall the Shopify app from your Apps section inside your Shopify Store admin. If you've opt-ed to use Shopify billing this will also cancel your recurring plan.

If you use Credit Card billing you will need to cancel your Gleam plan inside Gleam before uninstalling the App.