Fullscript website buttons and embedded product cards

Fullscript offers branded website buttons to embed on your site or blog, making it easy for visitors to access your dispensary.

When clicked, patients are redirected to your landing page to log in or create an account. From there, they can view plans, search the catalog, and place orders. Be sure to review your catalog settings so featured products are available to patients—see Product catalog and permissions for details.

Adding a website button to your website with code

To find a button and add it to your website:

1. Select Settings from the navigation bar.
2. Select Website buttons.

   

3. Find the style of button that best suits your website and click Copy code.
4. From your website builder, determine where you would like the button to appear, and edit the page to add the code. See walkthroughs for Shopify, Squarespace, WordPress, and Wix below.
5. Preview the updates, then publish away!

Adding a button to your website without code

To add a button without HTML:

1. From the navigation bar, select Settings.
2. Select Website buttons.

   

3. Find the button that best suits your website
4. Right-click on the button, then hit Save Image As… and download the image to your computer.

5. Upload the image to your website.
6. Find your welcome page URL and copy it.
7. Back in the website editor, hyperlink the image with your welcome page URL. 

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

Adding embeddable product cards to your website

To embed products on your website: 

1. In the catalog, search for products.
2. Select the more options icon ( ).
3. Click Showcase on my website. This option is also accessible from the product display page where product information (i.e., ingredients, dosage, directions, etc.) is displayed.

4. Copy the code to your clipboard.
5. From your website or blog, go to the page where you’d like to add a product card and open the code editor.
6. Paste the code and preview your changes before publishing.

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.

To add a Code Block to an existing page and embed a Fullscript website button:

1. From your website’s homepage, click on Pages, then select the page where you want your website button to be placed.
2. Select Edit from the top left-hand corner of the page.
3. 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.
4. Search and select Code.
5. Click the pencil icon ( ).
6. Paste the website button code copied from Fullscript and click outside the code box to close this screen.
7. Preview your changes, and publish when ready!

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.

To add a website button by editing blocks as HTML in WordPress:

1. From your website, use the site drop-down menu on the left-hand side of the page to navigate to Pages.
2. Select the page where you would like to feature a website button.
3. Click on a specific block in the editor where you would like the website button to be displayed.
4. Click the add block icon ( ) and select or search Custom HTML.
5. In the Write HTML field, paste the code copied from Fullscript and click Preview.
6. If it looks good on your end, click Update to save the changes to your site.

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!

To display a website button in an iFrame:

1. While editing your site, click Add elements.
2. Select Embed code.
3. Click Embed HTML.
4. Adjust your embed settings as needed, then paste your code.
5. Paste the embed code of the website button copied from Fullscript in the Add your code here field.
6. Then, click Apply or Update from the bottom of the window.
7. 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.
8. Preview your changes, and publish when ready!