Siteoly
Search…
Billing
Life Time Deal
Powered By GitBook
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
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
1
data-siteoly-pagination-size = "10"
Copied!
You can set what ever value you want to use in the above variable and add it to the embed code.
Last modified 3mo ago
Copy link