Stuller Showcase® <iframe>
Power your existing website with <iframe> snippets to take your Stuller Showcase experience further. With this e-commerce solution, you can use <iframe> to display content from one webpage within another. This makes integrating your site with ours quick and easy.
If you want to embed all of Stuller Showcase, link specific categories, or link a single product, <iframe> is right for you. All you need is a little bit of HTML
know-how and access to the backend of your website.
- Retain your own site URL instead of pointing customers to JewelerShowcase.com
- Keep your site’s existing search engine ranking, brand recognition, and customer familiarity
- Offer your customers access to more than 200,000 items on any and all devices
- Continue advertising your other services and products
How does it work?
You can link categories individually providing a traditional web experience, or you can embed Stuller Showcase in its entirety within a window — similar to picture-in-picture.
-
Keep your own homepage design.
-
Or use our Stuller Showcase®; page on your homepage.
-
The blue area highlights the <iframe> area.
-
Link to individual categories.
| Stuller Showcase® | Stuller Showcase® iframe | |
|---|---|---|
| Cost | FREE | FREE |
| Existing website required | No | Yes |
| Quoting Tool | Yes | Yes |
| Customization Tools | Yes | Yes |
| Markup Capability | Yes | Yes |
| Integration | Stuller Showcase is your website. | Stuller Showcase iframe is embedded into your existing website. |
| SEO Capability | No | No |
| Site Architecture | Limit Primary Navigation | Limit Category View |
Disclaimer
The below information is applicable only if you can access the backend of your website or if you have a web developer that manages your site. The instructions and information are intended to be reviewed by someone with experience in basic HTML. Stuller does not have the resources to assist in the complete implementation of the <iframe> snippet.
Please send tech-related questions to Tech_Web_Support@Stuller.com.
Linking Categories Individually
Use the category-embed option to create links and retain the look and feel of your current site while still pointing customers to specific category pages. When you link categories individually, your site’s appearance and URL will remain intact rather than redirecting customers to JewelerShowcase.com.
To use this feature, add “–categoryembed” to your Stuller Showcase subdomain in the src attribute. Replace the word demo (highlighted in orange) with your Stuller Showcase subdomain. Replace /browse/jewelry/men-s-jewelry (also highlighted in orange) with the desired page link.
By doing this, top-level category options and breadcrumb links will be removed in the embedded Stuller Showcase site. This is to prevent users from accessing other jewelry categories.
This code snippet example would restrict users to the "Men’s Jewelry" category.
<iframe style="width: 1px; min-width: 100%;" scrolling="no" width="100%" height="1500px" frameborder="0" sandbox="allow-scripts allow-forms allow-same-origin" src="https://demo-frame-categoryembed.jewelershowcase.com/browse/jewelry/men-s-jewelry"></iframe>Replace the word, “demo” in the src attribute, with your Stuller Showcase Subdomain (Showcase URL field) that you have created in your Stuller Showcase Personalize Settings. Don't forget to change "browse/jewelry/men-s" with your own specific category to embed.
Embed Stuller Showcase within a window
The following example code snippet will allow you to embed your personalized Stuller Showcase site onto your existing site. This iframe will remove the Showcase header that is normally present.
This is to prevent an additional header being visible in the case that your site already has a header. This iframe removes the Stuller Showcase header/title, preventing an additional header being visible because your site already has its own header. Also, the snippet is coded to resize the web page dynamically, so that it looks great on all computers, tablets, and smartphones.
<iframe style="width: 1px; min-width: 100%;" scrolling="no" width="100%" height="1500px" frameborder="0" sandbox="allow-scripts allow-forms allow-same-origin" src="https://demo-frame.jewelershowcase.com"></iframe>Replace the word, “demo” in the src attribute, with your Showcase Subdomain (Showcase URL field) that you have created in your Stuller Showcase Personalize Settings.
