Fullscript offers branded website buttons and embedded product cards that make it easy to share your storefront on your website or blog.
When someone clicks your website button, they're directed to your public storefront, where they can browse your published collections, protocols, and shared products. If you've turned off Public storefront, visitors need to sign in to access your storefront. Where they can request access before viewing your storefront.
Review your Privacy and controls settings to make sure featured products are available to patients. See Manage storefront privacy and catalog access for details.
Website buttons come in two sets, each with large and small buttons in three designs:
- Solo practitioner: For a practice connected to a single practitioner. Buttons say “my,” like “Shop my products.”
- Multi-practitioner / clinic: For a practice with multiple practitioners. Buttons say “our,” like “Shop our products.”
If you already have a Fullscript button on your website, it still works, so you don’t need to replace it.
These tools may appear in different locations depending on your account experience. Look for them under My storefront.
Adding a website button to your website
- Click My storefront from the navigation bar.
- Click Preferences, then Website buttons.
- Find the button you want under Large buttons or Small buttons, in the Solo practitioner or Multi-practitioner / clinic section.
- Click Add to my website.
- Choose how to add it:
- With code: Click Copy code, then paste the code into your website builder, or send it to whoever manages your website. See the tips for Shopify, Squarespace, WordPress, and Wix below.
- As an image: Click Download, then upload the image to your website and link it to your storefront URL. You’ll find your storefront URL under My storefront > Preferences > Branding.
- Preview your changes, then publish.
Embeddable product cards
Display products on your website with embeddable product cards! When product cards are selected, patients are taken directly to products in Fullscript, where they can learn more and place an order.
Leverage this powerful tool to:
- Increase the reach of your practice from one to many
- Make it easier for patients to view the products you like
- Show innovation in the industry
- Enhance your online presence and position yourself as an expert in your community
Ortho Molecular Products items aren’t available to be embedded outside of the Fullscript platform.
Sharing products from your catalog
You can share products from your catalog using a direct link or by embedding a product card on your website or blog.
To share a product:
- From the left-hand navigation, select Catalog.
- Search for the product you’d like to share.
- Select then select Get shareable link. You can also access this option from the product details page.
- Choose how you’d like to share the product:
- Link: Copy a link that anyone can use to view and order the product from your storefront.
- Embed: Copy the code for a product card that you can add to your website or blog.
Ensure your catalog settings don’t lead to a poor patient experience. Featured products should always be accessible to patients in your catalog or favorites, otherwise they won’t have permission to view or order the product. See manage storefront privacy and catalog access for more information on restricting your dispensary’s catalog to patients.
HTML resources
Not familiar with coding? Not to worry, here are some tips!
- Use the support resources from your website builder’s help centers (e.g., Wix, WordPress, Squarespace, etc.)
- Try reaching out to your website builder’s support team.
- Consider reaching out to a web development expert for assistance.
Tips for Shopify
You can enter Fullscript buttons on your blog posts and pages with the rich text editor.
Click the </> Show HTML button to view the HTML code for the content inside the rich text editor.
In the HTML view, you can paste the embed code from Fullscript in the rich text editor to add your button. See Using the rich text editor for content for more details.
Tips for Squarespace
Squarespace uses code blocks to add custom code to a page, blog post, sidebar, footer, and other content areas.
For additional information from Squarespace, see their support content on Code blocks.
To add a Code Block to an existing page and embed a Fullscript website button:
- From your website’s homepage, click on Pages, then select the page where you want your website button to be placed.
- Select Edit from the top left-hand corner of the page.
- Now hover over the section you would like to add the website button, and click the + ADD BLOCK button in the corner to open the block menu.
- Search and select Code.
- Click the pencil icon ( ).
- Paste the website button code copied from Fullscript and click outside the code box to close this screen.
- Preview your changes, and publish when ready!
Adding a website button to a Squarespace website.
Tips for WordPress
WordPress shares a few ways of editing the HTML of a page or post, depending on the type of WordPress editor you are using. In this explanation, we’ll be focusing on how to use their new editor.
For more information, see the Beginning HTML article from WordPress.
To add a website button by editing blocks as HTML in WordPress:
- From your website, use the site drop-down menu on the left-hand side of the page to navigate to Pages.
- Select the page where you would like to feature a website button.
- Click on a specific block in the editor where you would like the website button to be displayed.
- Click the add block icon ( ) and select or search Custom HTML.
- In the Write HTML field, paste the code copied from Fullscript and click Preview.
- If it looks good on your end, click Update to save the changes to your site.
Adding a website button to a WordPress website.
Those with a thorough understanding of HTML may choose to edit the HTML directly in the Code Editor. For more information, see the Advanced HTML support article provided by the WordPress support team.
Tips for Wix
With Wix, HTML content can be displayed using iFrames. iFrames can be added to any page of your website, so you can add a Fullscript website button almost anywhere you’d like!
If you’re embedding a product card, you may need to enable scripts (e.g., add <allow-script> in embed settings) before pasting the code
To display a website button in an iFrame:
- While editing your site, click Add elements.
- Select Embed code.
- Click Embed HTML.
- Adjust your embed settings as needed, then paste your code.
- Paste the embed code of the website button copied from Fullscript in the Add your code here field.
- Then, click Apply or Update from the bottom of the window.
- Hit the ‘x’ option to close the HTML settings window and adjust the width and placement on the page as needed to fit the banner style you copied.
- Preview your changes, and publish when ready!
Adding a website button to a Wix website.
Go to Wix Editor: Embedding a Site or a Widget in the Wix Help Center to learn more.