Embed cards on external sites and internal sites

Please follow this guide to embed cards on external websites or on Siteoly sites.

This feature is available only in paid plans.

Siteoly provides embedded code that let's you display the cards on Siteoly websites or even on external websites like Wordpress, Squarespace, Wix, Carrd etc or even on your own HTML sites.

This feature is available in paid plans.

This embed code can be used even on Siteoly site's detailed pages as well.

Follow below steps

• Login to the https://app.siteoly.com/

• Click on the "Embed cards" icon.

EmbedCards

• Parameters in the Embed dialog box

Title	Mandatory	Description
ProjectName	True	Select the project name
Sheet Name	True	This sheet name should always have a prefix of "Body-Cards-". Leave the default value of "Body-Cards" if you have your data in Body-Cards sheet. If you want to display the data from another sheet, copy Body-Cards sheet. Rename the new sheet to have prefix as "Body-Cards-" (example Body-Cards-Gifts). Now add data to the new sheet in the same format. Enter this new sheet name here.
Card Layout Template	True	Select the card design to be displayed in the site.
Search Text	False	Enter the text that need to be displayed on search button.
Filter	False	Add filter tags separated by comma.

• Select the ProjectName from the dropdown and select Sheet Name and Layout as follows.

Embed popup

• Click on the Generated embed code.

• Click on the Copy to Clipboard, and use this on any site.

Advanced Configurations

Setting Pagination Size (Cards per page):

If you want to use some advanced configuration and set the pagination size, you can also set "How many cards you want to display per page by using below variable in the Embed Code

data-siteoly-pagination-size = "10" 

You can set what ever value you want to use in the above variable and add it to the embed code.