Embedding YourWebShop in an Existing Website

You can embed Your Web Shop within an existing webpage by following the below steps.  To complete the process, you will need:

  • A basic understanding of html
  • Access to the folder structure of your website

IMPORTANT- Please ensure that you back up your existing website files before making any changes. This will allow you to quickly revert back to a working version should you encounter any issues during set up.

 

1. Select the embedded theme from administration

Go to administration (manage.yourwebshop.com) and select 'Theme 3' from 'Design & Content - Templates'

2. Download the javascript file iFrameResizer.js

Download the javascript file iFrameResizer.js from here (right click and save as)

 3. Upload the iFrameResizer.js script to your website folder

 Add the file iFrameResizer.js that you downloaded in step 3 to your scripts folder (or any location you prefer to store your javascript files). 

4. Insert the script references to your webpage

 Add the below html to the scripts section of your web page. Now update the src attribute so that it points to the location where you have just placed the iFrameResizer.js file.


    <script type="text/javascript" src="iFrameResizer.min.js"></script>
    <script type="text/javascript">
        window.onload = function() {
            iFrameResize({
                log                     : false,
                enablePublicMethods     : true, 
                enableInPageLinks       : true
            });
        };
    </script>


5. Add the iFrame to your website

Add the below html to page where you want to display Your Web Shop. Update the src attribute to point to your own webshop url. 
 
<iframe src="http://YOURSUBDOMAINGOESHERE.yourwebshop.com" frameborder="0"  width="100%" height="1800px"scrolling="yes"></iframe>

6. Additional Step: Embed Your Web Shop into another page

You can now repeat steps 4-5 to embed Your Web shop into multiple pages. To embed specific categories onto your website, instead of adding the URL to the webshop homepage as above, navigate to the relevant category on the webshop, then copy and paste the URL for that category into your iFrame code.

 

The next step only applies to users of the old Ralawise Web Link. If you didn't subscribe to the Ralawise Web Link, this is irrelevant.

7. Remove the existing Ralawise Web link

A number of files will need to be removed from your website. These were supplied during initial set up of your weblink. By default, these were named:

  • topframe link (Silver and Only)
  • catalogue.html (Gold Only)
  • static link
  • graphic link

It is possible that the existing Ralawise web link was embedded in an iFrame on your website. If so, this will also need removing from any web page where it is present. The iFrame will look similar to the below:

<iframe noresize="" marginheight="0" marginwidth="0" hspace="0" vspace="0" name="youriframe" class="garmentrange" src=" http://www.promotional-store.com/linkid=2012" frameborder="0" height="1000px" align="right" scrolling="yes" width="100%"></iframe>

Follow the guide from Step 2.