By default, we show the Gleam in a fixed position at the bottom of every page on site until the Advocate or Friend redeems their coupon code. But you can change the position of the Gleam by embedding the below container script into your site where you’d like it to render. Add Talkable <div>:

 
<div id="talkable-offer"></divat the exact place you want to display the Gleam banner. After that you’ll need to follow the below steps:


  1. Go to the Editor of your Gleam campaign

  2. Open HTML & CSS Tab:


  1. Hit Extra and find Reward Gleam Integration CSS:


  1. Look up for the position and change it from position: fixed; to position: static; or position: relative;


  1. Launch the campaign


Expect your gleam to be shown where you added the div. In this example, we injected the div under the navbar, where it will remain static:



Note: You’ll be able to see the Gleam only after you’ve earned a reward as an Advocate or as a Friend.