How do I show the giveaway launch icon vertically?
Quick answer
You can turn the launch icon into a vertical tab on the side of the screen by pasting a short style snippet into the Launch Button Label field. The snippet rotates the button 270 degrees and moves it to the middle of the left edge, where it stays out of the way of your store's content.
By default the launch icon sits in a corner of the screen. A vertical tab on the left edge is easier to spot on long pages and never covers your product photos or the add-to-cart button.
How do I make the launch icon vertical?
- Edit your giveaway, open the DESIGN tab and find the Launch Button section.
- In the Label field, add this code after your button text:
<style>
#gnj-launch-icon {
transform: rotate(270deg);
bottom: unset;
left: -50px !important;
top: 50%;
}
</style>- Click SAVE and refresh your store to check the position.
If the button sits too far in or out, change the left value, for example to -40px or -60px. Change top to move it up or down.
Why the Label field? The Widget CSS styles what's inside the giveaway widget. The launch button sits on your store's page, outside the widget, and the Label field is added to that page as HTML, so a style block there reaches it.
People also ask
Can I skip the launch icon and show the giveaway on a page instead?
Yes. Embed it on a dedicated landing page so shoppers can enter without opening the pop-up. See how to embed a giveaway on a Shopify landing page.
Can I hide the giveaway on some pages?
Yes, with page filters. See how page filters control where your giveaway appears.
Can I use my own image for the launch button?
Yes. In the Launch Button section of the DESIGN tab, choose the custom button and upload your image. The Label field still sets the text next to it.
Still stuck?
Our support team is available 24/7 and always replies. Send us a message and we'll help you sort it out.