Siteoly Docs
  • Siteoly
  • Create Website
    • Getting started
    • Layout basics
  • How To
    • How to create a new project/website?
  • Card Designs
    • Box Horizontal
    • Box Vertical
    • Box Vertical Modern
    • Box Vertical Wave
    • Box Simple
    • Box Square
    • Modern
    • Circles
    • See all designs
  • Sheets - Getting started
    • Basics
    • Site Settings
    • Default Settings
    • NavBar
    • Header
    • Body
    • Body-Cards
    • Filters
    • Body-Text
    • Detailed Pages
    • Footer
    • Other Settings
    • Advanced Settings
    • Playground
    • Dont Edit
  • Integrations
    • Google Analytics
    • Crisp chat
    • Drift chat
    • Intercom
    • Pop up
    • How to add EngageBay form to header in homepage?
  • Sample websites
    • Modern Blog Sample
    • Sample 1
    • Sample 2
    • Job Board
    • Podcast Sample
    • Restaurant Sample
    • Real Estate Best Places
    • Product List
    • Affiliate Sample
    • Blog Sample
    • Pinterest Sample
    • Instagram Gallery Sample
    • Youtube Sample
    • Events List
    • Marketplace
    • App Listing
    • Nomad List
    • Books List
    • Modern List Sample
  • Basics
    • How does search bar work?
    • How to add more than 4 tags for cards?
    • How to turn off the search bar display on home page?
  • Advanced
    • Embed external Javascripts and CSS
    • How to connect to a custom domain?
    • How to add video to Detailed Pages?
    • How to use Google fonts?
    • Setting Pagination Size (cards per page) for cards display
    • List of CSS classes for custom CSS
    • Embed cards on external sites and internal sites
    • How to add Sitemap to submit to Google Search Console
    • How to configure Filter condition
    • Not seeing SSL certificate?
    • How to create and use Templates?
    • Power up search functionality with extra keywords
    • How to create custom '404' page?
    • Markdown support for Cards description
    • How to create Youtube style video listing websites?
    • Embed extra html/css/scripts into detailed page header for specific detailed pages
    • How to generate automated sitemaps for your website?
    • 'Bring Your Own Code' for dynamic content in Detailed Pages
    • Enable Authentication (Login/Logout)
    • Restrict Detailed Pages Access with Access Code
    • How to add video in Home Page under the Header?
    • How to disable Black Overlay for Header Image?
    • How to use Google Maps on the pages?
    • How to use Google Drive images for cards?
  • Billing
    • Plans & Subscriptions
  • FAQ
    • Not able to access the site after creating the site?
  • Legal
    • Privacy Policy
  • Life Time Deal
    • Life Time Deal
  • How to add Mailchimp URL?
Powered by GitBook
On this page
  • Possible use cases
  • How does this work?
  • How does that look like?
  • Can I bring my own function?
  • Does this cost?

Was this helpful?

  1. Advanced

'Bring Your Own Code' for dynamic content in Detailed Pages

This page explains about how to display dynamic content inside Detailed Pages by brining in your code (BYOC).

This feature is available only in Enterprise plans

There are many occasions you may want to display dynamic content on a detailed pages (internal pages).

Possible use cases

  1. Fetching the data from weather API and displaying the data on the page

  2. Fetching data from an e-commerce API and displaying on the page

  3. Fetching finance data from Finance APIs and displaying on the page

  4. Fetching data from pretty much any API and display on the page

  5. Fetching data from multiple APIs and process the data to create content/html/text to display on the page

How does this work?

This needs adhoc setup and we will work closely with you to build the required function. In most cases, this setup should be doable in 48 hours.

The concept works more like "Serverless functions" where you don't worry about managing the infrastructure for running these explicit functions and we will take care of this for you.

How does that look like?

Here are a few samples

[sly-function @function-name="GetProductData" @productId="X76479" 
@showFullData="1"]
[sly-function @function-name="GetWeatherData" @cityId="SFO" 
@showPrediction="Yes"]
  • This code can be added to the 'DetailedPages' (in Google sheet).

  • This code will call the required functions internally to create the required content on the page.

Can I bring my own function?

If you have an existing function written in Node/Javascript, we can see to port this code and set this up for you.

If you don't have a function/code, we can build required function for you. Note that you will still need to provide us required information, input, output, API information to build this function.

Does this cost?

Yes. This is an advanced feature and is a separate add-on. Please check with support to set this up for you.

PreviousHow to generate automated sitemaps for your website?NextEnable Authentication (Login/Logout)

Last updated 4 years ago

Was this helpful?