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
- 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.
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.