Skip to content

Last modified: May 25, 2024

Fullscript buttons for your website

Fullscript-branded website buttons

Fullscript provides a variety of website buttons to embed on your website. Adding a Fullscript-branded button to your website or blog provides a simple and effective way to lead visitors to your Fullscript dispensary.

When selected, patients and clients will be redirected to your landing page where they can log in or create a new account. Once signed in, they’ll have access to any products in shared protocols, their personalized treatment plans, and the catalog. Because of this, we recommend you review your catalog permissions before adding a button to your website.

Fullscript offers a variety of website buttons to add to your website
Fullscript offers a variety of website buttons to add to your website.

Adding a website button to your website with code

There are a number of website buttons available. To find a code and add it to your website:

  1. From the dispensary menu, select Dispensary settings.
  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 SquarespaceWordPress, and Wix below.
  5. Preview the updates, then publish away!
Find the style of button that best suits your website and click Copy code.
Find the style of button that best suits your website and click Copy code.

Tip!

If someone else will be adding the code to your website on your behalf, simply follow the steps above to copy the embed code of the button of your choice and send it to them. This is all they will need from your Fullscript account to add the button successfully.

Adding a button to your website without code

You can still add buttons to your website without having to use any code. To add a button without HTML:

  1. From the dispensary menu, select Dispensary settings.
  2. Select Website buttons.
  3. Find the style of button that best suits your website
  4. Right-click on the button, then hit Save Image As… and download the image to your computer.
Save Image As...
  1. Upload the image to your website.
  2. Find your welcome page URL and copy it.
  3. Back in the website editor, hyperlink the image with your welcome page URL. 

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.

Tip!

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:

  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. aste 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!
Adding a website button to a Squarespace website.
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.

Tip!

For more information, see the Beginning HTML article from WordPress.

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.
Adding a website button to a WordPress website.
Adding a website button to a WordPress website.

Tip!

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!

Tip!

Go to Wix Editor: Embedding a Site or a Widget in the Wix Help Center to learn more.

To display a website button in an iFrame:

  1. While editing your site, click  
  2. Select Embed code.
  3. Click Embed HTML.
  4. Paste the embed code of the website button copied from Fullscript in the Add your code here field.
  5. Then, click Apply or Update from the bottom of the window.
  6. 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.
  7. Preview your changes, and publish when ready!
Adding a website button to a Wix website.
Adding a website button to a Wix website.
Was this article helpful?