🏗️
Flezr Docs
  • Flezr
  • Create Website
    • Getting Started
      • Dashboard
      • Studio
  • Building your App
    • Starting a project from a Built-in Template
    • Building Blocks
    • Connecting Data Source: Google Sheets/Supabase
    • Creating Static Pages
    • Customising the Sections and Page Elements
    • Making Responsive Design
    • Creating and Customizing Dynamic Cards
      • Configure data source
      • Customizing the Dynamic Card section
        • Configuring & customizing card headings
        • Customizing the Number of Cards per Row and Style
      • Customizing the Design of an Individual Card
      • Adding and Customizing Dynamic Card Elements
      • Adding Prefix/Suffix Dynamically to the Card Data
      • Adding Tags and Filters
    • Concept of Dynamic Pages and Variables In Flezr
      • Creating the Template for a Dynamic Page
      • Adding Variables to Page Elements
  • Site Settings
    • External JavaScript & External CSS
    • SEO
  • Integrations
    • Adding password protected content/membership
    • Email Integrations
  • Publishing your Website
  • How To
    • Add Custom Domain
    • Set Ids for Sections and link on the same page
    • Enable Search for Cards
    • Unpublish a page - Set Page Visibility
    • Move Sections Up/Down in the same page
    • Enable ‘Search as you type’ for Cards
    • Enable HTML content in Cards
    • Preserve White-spaces and Line breaks from Google Sheets to display in Cards
    • Configure Page Title, Description, FavIcon for each page
    • Use other fonts from Google Fonts
    • Add Opacity and Background Color for Header Section
    • Add Javascript to Individual Pages
    • Configure Number of Cards to Display
    • Change the display order of card elements based on device type
    • Embed Pages and Sections on External Websites
    • Set the link to an entire card instead of individual elements
    • Duplicate projects
    • Copy sections between pages
    • Create a Sitemap file for your website
    • Use Google Drive images for cards
    • Build Websites with Supabase Data
    • Add Robots.txt
    • Add Head Tags
    • Use Custom Fonts
    • Add Manifest file
    • Add Ads.txt file
    • Add Service Worker
    • Password protect the website
  • FAQ
    • Do you cache content/data?
    • Is there a white-label option for Flezr?
    • Is Flezr a tool for Programmatic SEO?
    • Can I add membership to the site using tools like Memberspace, Outseta etc?
    • Where do I host and deploy my app?
    • Are the sites built with Flezr responsive for mobiles and tablets?
    • What are the supported data sources to build webapps?
    • Can I embed an external script on the site?
  • ADVANCED TOPICS
    • Assign color codes from Google Sheets to Card Elements
  • Legal
    • Brand Assets
    • Privacy Policy
Powered by GitBook
On this page

Was this helpful?

  1. Building your App

Creating Static Pages

PreviousConnecting Data Source: Google Sheets/SupabaseNextCustomising the Sections and Page Elements

Last updated 1 year ago

Was this helpful?

Flezr lets you create dynamic pages [see Concept of Dynamic Pages and Variables In Flezr] as well as static pages.

An important point to note is that the static pages in Flezr are quite powerful as compared to the conventional static pages that have fixed content only. The static pages in Flezr can have dynamic content populated from your connected data source via its 'Dynamic Cards' section.

These dynamic cards serve as a template for pulling and populating data from your connected data source. What makes these dynamic cards quite powerful is that it's possible to have granular control for full customization of card elements like headings, button images etc.

You can create static pages in Flezr in two ways:

Method #1: Click the 'Create Page' button on the top menu in the Studio:

In the next screen, add the page name. Also, add a slug - a short name that will be added to your website address for accessing this page. Click the 'Create Page' button and a static page will be added to your current website project.

Finally, press the 'Save' button in the top main menu in the Studio to save your changes.

You can navigate between all your pages, including this newly created one, from the 'Page Navigator' in the main panel.

Method #2: Alternatively, from Inside Flezr Studio, select the 'Pages Panel' from the main navigation bar on the left

Select 'Add a Page' as shown below:

Give your page a name and a slug. Then press the 'Add Page' button at the bottom to add this newsly created page to your current project.

Finally, press the 'Save' button in the top main menu in the Studio to save your changes.

You can navigate between all your pages, including this newly created one, from the 'Page Navigator' in the main panel.