add-boxaddarrow-leftarrow-rightcameracheck-markclosecodedeleteediterroreyefood-menumenuprintsearchstar-ratestars-rating
//d28ebfqlcy0ttg.cloudfront.net/images/mastheads/healthy-baguette.jpg

How To Show Recipes On Your Squarespace Website

Detailed Instructions Are Below

Do you have questions or need help creating or embedding recipes? Contact us at info@kulinarian.com

To add recipes to your website with the Kulinarian.com Recipe Plugin, you must create a free Kulinarian.com account and log in.

Your Free Kulinarian.com Account Includes;

  • The ability to create an unlimited number of recipes with the recipe builder
  • A recipe image uploader
  • Recipe tagging for your own recipes and other chefs' recipes as well
  • Tools for organizing your recipes into "menus" or collections
  • Recipe embeding tools to host Kulinarian.com recipes on your own food blog; including Wordpress, Squarespace, Weebly, and others.

Register now to become a Kulinarian and gain instant access to your recipe tools

Please enter a username that is 3 characters or longer

This username is already taken, please try a different username

Please enter a valid email address

This email is already taken, please try a different email. If this email belongs to you, use the password recovery page to log in to your account

Password must be at least 6 characters long.

Create A Recipe

Log in to Kulinarian.com and navigate to the Kulinarian Recipe Builder

Follow the instructions on the recipe builder page for creating a recipe.

After your recipe is created, navigate to your recipe's Kulinarian.com page. You can find the recipes you've created by going to your My Recipes page.

On your recipe's Kulinarian.com page, click the "< > Embed" button to get the instructions and links to embed your Kulinarian.com recipe on your webiste.

Basic Instructions For Adding
A Kulinarian.com Recipe To Your Website

The Kulinarian.com recipe plugin works by including the plugin's embed code in your website's footer, and then including a Kulinarian.com recipe hyperlink in your blog post or webpage.

1

Create a hyperlink to a Kulinarian.com recipe

In a blog post on your website, create a hyperlink that links to a recipe on Kulinarian.com.

To create a link, copy & paste this link text into your blog post;

Then, link the text to this recipe (important: the link must contain the URL parameter “?embed=link”)

2

Add the Kulinarian.com Recipe Plugin code to the footer of your site

If you don’t know how to add code to the footer of your website, there are detailed instructions below.

You only need to do this step once and this code should be used globally on your website.

Add The Kulinarian.com Recipe Plugin in the footer of your website (or a location where it is always rendered below all blog post content).

Detailed instructions on how to add the recipe embed code and links to your website can be found below.

Detailed Instructions For Showing Recipes On Your Squarespace Website

Add The Kulinarian Embed Code

1

Log into your squarespace account and click on the Pages tab.

2

IMPORTANT: If you are hosting recipes in "pages" and "blog" posts, you must do steps 3 through 5 for both blog posts and pages.

Hover your cursor over the Blog menu item and click the settings gear icon.

3

In the "configure blog" popup window, click the Advanced menu option.

4

IMPORTANT: If you have done this step already, you can skip ahead to Step #6.

Insert the Kulinarian embed code (see step #5) into the PAGE HEADER CODE INJECTION text box.

  • Do not enter the Kulinarian recipe embed code more than once
  • Do not overwrite existing code from other sources
5

IMPORTANT: If you have done this step already, you can skip ahead to Step #6.

Copy & paste the Kulinarian embed code into the PAGE HEADER CODE INJECTION text box.

Kulinarian Recipe Embed Code

  • Do not enter the Kulinarian recipe embed code more than once
  • Do not overwrite existing code from other sources

Click Save after you paste the code into the text box.

Add A Recipe To A Blog Post

6

At this point, the global Kulinarian embed code should be installed on your site and you should never have to repeat that step again.

To add a recipe to a blog post, go to your main menu, click Pages, then click Blog, and click the add, "+" sign to create a new post. Or instead of creating a new post, you can edit an existing post.

7

Add a title for your blog post and then click in the text box to enter your post content.

8

In the post content field, enter the title of your recipe. Highlight the title of the recipe with your cursor and then click the "Hyperlink" icon in the blog post editor."

9

In the hyper-link pop-up box, enter the kulinarian.com url for the recipe. The url must contain the url parameter "?embed=link."

10

Save and publish your blog post.

11

Go to your blog post's url and confirm the recipe is displaying on the page.