
Boost sales with the wishbutton
If your are tired of missing out on the potential sales, that could come from visitors, that are ready to buy yet, then we recommend the Wishbutton.
Organic retention
Your products ends up on a list, where the user returns to several times to keep the wishlist updated.
Organic marketing
The users will share the lists with friends and family, to your products will be shared organically.
The wishbutton
If you want to add the Wishbutton to your website, this is how you can do it
Adding the Wishbutton is a process with two steps – if you are not familiar with editing your files, you can look at our guides for help. The first step will be to add the functionality of the Wishbutton to your webshop. Next we will add the actual Wishbutton.
- First step to get the wishbutton online is to add the following code to the <head> tag of your website:
<script type="application/javascript" src="https://storage.googleapis.com/gowish-button-prod/js/gowish-iframe.js" id="gowish-iframescript" defer></script>
<link rel="stylesheet" href="https://storage.googleapis.com/gowish-button-prod/css/gowish-iframe.css">
- Next we will add the button to the product page. In order to do so, you need to insert the button below where you want it:
<button id="gowishBlueButton" class="gowish-btn blue" type="button">
Add to wishlist
</button>
Let’s look at some examples on how the Wishbutton can look like:
The GoWish branded Wishbutton:
<button id="gowishBlueButton" class="gowish-btn blue" type="button">
Add to wishlist
</button>
The Wishbutton function as text only and no design:
<button id="gowishBlueButton" class="gowish-btn blue" style="background: transparent; color: #000; background-image: none; padding-left: 10px; text-transform: none; text-decoration: underline;" type="button">
Add to wishlist
</button>
The Wishbutton function with a heart and no text:
<button id="gowishBlueButton" class="gowish-btn blue" style="background-image: url(http://wish-button.com/wp-content/uploads/2023/04/wishbutton-heart.png); background-color: transparent; padding: 22px;" type="button"></button>
Got questions?
Don’t hesitate to contact us if you have any questions or got some feedback on how we can improve the Wishbutton.