Embed Size (px)
Citation preview
iframeWhat is an iframe?
An iframe (Inline Frame) is an HTML document embedded inside another HTML document on a website. The iframe HTML element is often used to insert content from another source into a Web page. In this case you will be loading content from FP onto your website.
What does this mean for you as an FP dealer?
Once you embed the FP iframe into your website you will always have the newest most up to date products and descriptions. FP will update the iframes and it will automatically update the content on your website when you have the iframe installed, saving you on website revision costs or time when FP introduces or changes a product.
The look of your website will not change. The iframe will just replace the content.
How does it the iframe work?
We have designed the iframe to replace the content of your website. The iframe has its own navigation, but can also be placed into your pages and use your navigation.
The iframe is designed with a Home page that can be used to navigate through our iframe. We also have an iframe for each page. This means that if you have a postage meter page you can put out postage meter iframe onto that page and same with a folder inserter page etc.
iframe installiframe install - HTML
The iframe is a short line of code that when placed between the Body tag of a website will fill that space with out content.
Our iframe is easy to install on any website. The iframe code just needs to be inserted somewhere between the opening and closing body tags in an HTML document.
The Body tag with the iframe between will look something like below:
<!DOCTYPE html><html><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="https://www.------.com"><body>
<!-- Navigation --><nav class="bar black"> <a href="#home" class="#">Home</a> <a href="#band" class="#">Band</a> <a href="#tour" class="#">Tour</a> <a href="#contact" class="#">Contact</a></nav>
<iframe id="the_iframe" src="https://www.fp-usa.com/dealer-web/mailroom-solutions/" width="100%" height="1400px" frameborder="0" scrolling="no"></iframe>
<!-- Footer --><footer class="container-padding-"> <a href="#"><i class="fa fa-facebook-official"></i></a> <a href="#"><i class="fa fa-pinterest-p"></i></a> <a href="#"><i class="fa fa-twitter"></i></a> <a href="#"><i class="fa fa-flickr"></i></a> <a href="#"><i class="fa fa-linkedin"></i></a> <p class="w3-medium"> Powered by <a href="#">fp.css</a> </p></footer>
</body></html>
If you notice the iframe is between the body tags after the navigation but before the footer. This will ensure that is will be in the content area of the page. It may also be located in a <section> tag
iframe installiframe install - WordPress
First sign into the WordPress dashboard.
Next click onto pages, then all pages. Find the page you want to install the iframe onto and click edit.
Once you are on the edit screen click Text on the top right of the edit window.Paste the iframe code in the widow.
Click the update button on the right of the page.
That is it you just installed the iframe on your WordPress website.
For video instructions visit https://www.youtube.com/watch?v=ZpRYMlZCiP8
iframe install - GoDaddy Website Builder
First sign into the GoDaddy Website builder dashboard.
Next click onto the Edit site button.
Navigate to the Page you want to install the iframe onto.
On the right menu click add section.
Scroll down to HTML
Where it says custom code: paste the iframe code into that spot and click publish.
That is it you just installed the iframe on your GoDaddy website.
For video instructions visit https://www.youtube.com/watch?v=kVhP60sGZUQ
iframe CodeProducts (home page)
Postage Meter
<iframe id="the_iframe" src="https://www.fp-usa.com/dealer-web/postage-meters/" width="100%" height="1400px" frameborder="0" scrolling="no"></iframe>
<iframe id="the_iframe" src="https://www.fp-usa.com/dealer-web/mailroom-solutions/" width="100%" height="1400px" frameborder="0" scrolling="no"></iframe>
Folder Inserters
<iframe id="the_iframe" src="https://www.fp-usa.com/dealer-web/folder-inserters/" width="100%" height="1400px" frameborder="0" scrolling="no"></iframe>
Mail Software
<iframe id="the_iframe" src="https://www.fp-usa.com/dealer-web/software/" width="100%" height="1400px" frameborder="0" scrolling="no"></iframe>
Printers
<iframe id="the_iframe" src="https://www.fp-usa.com/dealer-web/printers/" width="100%" height="1400px" frameborder="0" scrolling="no"></iframe>
Additional Mailroom Equipment
<iframe id="the_iframe" src="https://www.fp-usa.com/dealer-web/additional-mail-room-equipment/" width="100%" height="1400px" frameborder="0" scrolling="no"></iframe>
