Hello, dear owners!
Photo Mosaic Wall software allows you to upload your activation to the cloud and enjoy a virtual\online presentation of your mosaic. This article will show you how to embed the Photo Mosaic Wall Online Presentation on your website via an <iframe> HTML tag in order to hide the original URL generated by the software.
For example, if your website domain name is mydomain.com, you should start with adding a new page to your website: mydomain.com\event1
Once you use the <iframe> tag on that new page that page will display any URL that is implemented to the <iframe> tag.
Instructions:
1. Open the Photo Mosaic Wall software and prepare your activation.
2. Go to the Virtual Mosaic tab and check both Enable Auto Upload to Cloud and Show Embed Code boxes. Then start your activation so the Embed Code will show up.
You can stop the activation immideatly, if you need. The Embed Code will stay visible.
As you can see, the Embed Code (the iFrame) will be generated automatically by the softwate - for both 2D and 3D virtual mosaics.
Now you can copy and paste the code and embed to your website.
Note:
If you're using V3, you can do this manually:
1. Open the dedicated HTML page on your website (our example is mydomain.com\event1).
2. Implement the <iframe> tag in the HTML code with the following attributes:
<html style="padding:0px;margin:0px;">
<body style="padding:0px;margin:0px;height:100%;width:100%;" >
<iframe style="padding:0px;margin:0px;height:100%;width:100%;border: none;"
id="inlineFrameExample"
title="Inline Frame Example"
src="Your URL" />
</body>
</html>
Example for src= (make sure you use quotation marks): src="https://api.fotomasterltd.net/photo-mosaic-booth/live//presentation.html?clientId=1236065&eventId=1562764444124-Online_article&columns=25&rows=25">
The code will look like this:
Note: 100% on 100% is used if you are doing iFrame only on the entire page. When you want to embed the online mosaic to an existing page, you would want to give it a fixed height (for example 600px). If you enable all of the upload form options, the minimal specs should be 560X560 PX.
This is a very simple and commonly used way of customizing a URL link. If you need any further information you can check the following link - https://www.w3schools.com/tags/tag_iframe.asp
For WIX sites: https://support.wix.com/en/article/adding-html-code