Embed all of Stuller Showcase® or link specific categories with <iframe>
Display content from Stuller.com in your website quickly and easily
Power your existing website with <iframe> code snippets to take your Stuller Showcase experience to the next level, and check out our step-by-step process on how you—or your web developer—can get started below.
Please reach out to our e-commerce experts at ecommerce_support@stuller.com if you need assistance.
Benefits of Stuller Showcase <iframe>
Retain your own site URL.
Keep your site’s existing search engine ranking, brand recognition, and customer familiarity.
Offer your customers access to more than 200,000 items on all devices.
Continue advertising your other services and products.
-
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.
How does <iframe> work?
Choose the type of solution you want to use
Please log in to get your Jeweler Showcase URL or update the portion of the code highlighted below with your sub-domain.
For example: In the URL demo-frame-categoryembed.jewelershowcase.com, "demo" would be your sub-domain.
Full Showcase
Use your jeweler showcase URL as both an online selling tool and an all-in-one solution. Choose this option if you’d like to embed your personalized showcase website in its entirety into your existing business website.
This will remove the Showcase header that is normally present, preventing an additional header from being visible in the case that your site already has a header.
Specific Categories
Curate and select specific categories that best meet the needs of your business. Choose this option if you’d like to embed only specific item categories into your existing business website.
This will remove the Showcase header that is normally present, preventing an additional header from being visible in the case that your site already has a header.
Select a category
For technical support or more category options, please contact us via email.
Copy & paste the generated HTML code
Choose one of the two methods above to view the HTML code snippet
It is highly recommended you consult a web developer for this step if you are unfamiliar with HTML or web development.
Once you have successfully created your code snippet, go to the desired page on your website’s content management system to add it. Depending on your website platform, you may need to view your new embedded code through HTML or code view, which should be found in your website editor or settings.
Paste your new embedded code into the appropriate section, save any changes, and preview your newly coded page to ensure it is working properly. If you are satisfied with your changes, you can publish and enjoy your new page.
Full Showcase code snippet
<iframe style="width: 1px; min-width: 100%;" scrolling="yes" width="100%" height="1500px" frameborder="0" sandbox="allow-scripts allow-forms allow-same-origin" src="https://demo-frame-categoryembed.jewelershowcase.com/browse"></iframe>
Compatibility & Visual Formatting Issues
Embedding code may sometimes cause compatibility or formatting issues with your website or website platform. To troubleshoot and avoid any issues with your code snippets, it’s a good idea to keep an eye on your website’s performance during and after adding embedded code.
Preview the <iFrame>
Below is a preview of the finished <iframe> you can expect to see on your website