All Collections
Online Sales
Embed your Store into your own website
Embed your Store into your own website

store, embed, sales

Updated over a week ago

Redirecting your buyers to your webpage

You always have the option of sending your donors directly to your Store - just send them the URL address. Remember that if you created a Store in more than one language (such as in both English and in Hebrew), you'll be using a different URL address for each language. For example:

However, it may be more attractive if you embed the store in your own website. There are two ways to do this:

Embedding the Store as a pop-up (modal)

Our preferred method is as elegant as it is easy - your buyer clicks a button on your website and your store opens right in the middle of the page.

To see an example, click on the button below and then click on "Buy Now".

How to install the Store as a modal

After the <body> tag of your webpage, add the following script, replacing the URL (what you see in bold) with your Store's URL address:

<script src="https://www.israelgives.org/Content/IGModal/IGModal.js?url=https://tickets.israelgives.org/en/sale/testyoni"></script>

Opening the Store

To trigger opening the donation form from a button or a textual link, just add the following class: ig_open_modal

So, if my button's code is <button type="button" class="btn btn-primary">

it would become <button type="button" class="btn btn-primary ig_open_modal">

Embedding as an iframe

You can embed the store into your website as an iframe, by referencing your URL address. Here's an example:

 <iframe style="border: 0px; width:100%; height: 600px;" src="https://tickets.israelgives.org/en/sale/testyoni"></iframe> 

Be sure to select the right width and height, which depends on how many items you have in your store (a good developer will know how to select the width and height, and to optimize these for mobile devices as well).

Did this answer your question?