Documentation

Getting Started
Gleam Updates
Capture
Competitions
Galleries
Rewards
Installation
Advanced
Integrations
Action Types
Guides

Embedding Gleam in a Page or Blog Post

You have a number of options to install Gleam on your site, the most common is to embed inside a page or a blog post. This gives you the ability to run the competition on your own domain, or on the domain of a partner.

How it Looks

This is our demo contest embedded right on this page:

Gleam Demo Competition

Embedding on a Page

After you setup your competition you have the option to install in a way that suits your needs.

To embed Gleam within a page you need to select the Embed in a Page or Blog Post option, which looks like this:

This is the code you need to paste onto your page in order to load the Gleam widget. Depending on what CMS or blog platform you use where you add it may vary, we've added some instructions for common platforms below.

Wordpress

When writing a post in Wordpress you need to paste in the Gleam embed code in Text mode. The code is built in such a way that switching back to Visual mode after adding it shouldn't break the widget.

Note if using Wordpress.com you cannot embed Javascript. This means you will need to just link to the standalone landing page from your post.

Shopify

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.

Blogger

To install to a post in Blogger you need to also select HTML mode, our script works in a way that you can freely move between HTML mode & Compose mode after you add it.

Connect With Us