Zingy Docs
Visit our websiteTry a DemoPricingContact
  • Introduction
  • 🎛️Dashboard
    • Overview
    • Apps
    • Account Profile
    • Billing - View Invoices
    • Billing - Payment Methods
    • Billing - Subscription
  • 💻App Editor
    • App Components
    • App Editor Tour
    • App Settings
    • App Users
    • App User Groups
    • Publishing your App
    • Pages and Forms
      • Create a Page
      • Create a Structured Page
      • What is a Structured Page ?
      • Create a Form
      • Page Editor
      • Working with Forms
    • Page Editor
      • Page Editor Tour
      • Adding Page Content
      • Adding Content to Structured Pages
      • Working with Page Elements
      • Page Element Settings
      • Responsive Design
      • Padding and Margin
      • Editing Text
      • Using AI Wiz in the Page Editor
      • Built-in elements
        • Link
        • Image
        • Spacer
        • Flexible Area
        • Layout Container
        • Layout Row
        • Layout Column
        • 1 Column
        • 2 Columns
        • 3 Columns
        • Add Column
        • Table
        • Table Row
        • Table Column Cell
        • Table Heading Cell
        • Table (3 cols)
        • Table (4 cols)
        • Input
        • Checkbox
        • Toggle Switch
        • Dropdown
        • Multi-line
        • Label
        • Button
        • Button Group
        • Input Group
        • Button Toolbar
        • Menubar Holder
        • Menubar Collapsible
        • Menubar
        • Menubar Item
        • Menubar Item Link
        • Menubar Style1
        • Menubar Style2
        • Menu Item
        • Popup Menu
        • Popup Menu Item
        • Menubar Popup Menu
        • Popup Menu Style1
        • Popup Menu Style2
        • Popup Menu Separator
        • Card
        • Card Group
        • Card Style1
        • Card Style2
        • Card Style3
        • Alert
        • Badged Text
        • Collapsible Area
        • Data Table
        • Stripe Payment
        • Form
        • Menubar Login Info
        • Data Design
      • Working with Forms
      • Using Forms
      • Page Preview
    • Page Settings
    • Page Flow
      • Block Anatomy
      • Toolbox Blocks
        • Set Content
        • Get Content
        • Badged Text
        • Alert Text
        • Status Animation
        • Set Style
        • Set CSS
        • Set Input Value
        • Get Input Value
        • Set Toggle Switch State
        • Get Toggle Switch State
        • Set Input Feedback
        • Enable/Disable Element
        • Set Element Attribute
        • Get Element Attribute
        • Get Element by Name
        • Element
        • URL Parameter Value
        • Navigate Page
        • Timer
        • Timer Repeat
        • Show Popup Form
        • Show Information Popup
        • Show Confirmation Popup
        • Popup Form Data
        • Collapsible Area Action
        • Mouse/Keyboard Action
        • Event Action
        • Action/Event Info
        • Show Menu
        • Menu Text
        • Menu Index
        • Write Log Message
        • Log Category
        • Data Table Action Menu Customize
        • Data Table Attach Form
        • Data Table Add Action
        • Data Table Load Next Page
        • Data Table Load Prev Page
        • Data Table Refresh
        • Data Table Custom Query
        • Data Table : Table Name
        • Data Table : Data
        • Content from Data Design
        • Set Content in Data Design
        • Get Content in Data Design
        • Get Element Attribute in Data Design
        • Set Element Attribute in Data Design
        • Set Style in Data Design
        • Set CSS in Data Design
        • Set Input Value in Data Design
        • Get Input Value in Data Design
        • Get Toggle Switch State in Data Design
        • Set Toggle Switch State in Data Design
        • Set Input Feedback in Data Design
        • Enable/Disable Element in Data Design
        • Initialize Toggle Switch in Data Design
        • Event Action in Data Design
        • Collapsible Area Action in Data Design
        • Data Record Count
        • Data Record at Index
        • Data Record Loop
        • Data Record Info
        • Data Record Loop Index
        • Data Record ID
        • Data Table Name
        • Data Query Name
        • Data Read
        • Data Read Next
        • Data Read Previous
        • Data Lookup
        • Data Lookup with ID
        • Data Status
        • Data Add Record
        • Data Update Record with ID
        • Data Delete Record with ID
        • Data Input Popup
        • Lock/Unlock Form
        • Save Form with Data
        • Reset Form
        • Set Form Event Status
        • Set Form Event Status Message
        • Form Submit Complete
        • Set Field Input Value
        • Get Field Input Value
        • Form Data
        • Form in Edit Mode
        • Form Events
        • Execute Connection Command
        • Execute API Call
        • Connection Data
        • Connection Error
        • API Call Connection
        • Connection
        • Connection Command
        • Cloud Flow Invoke Hook
        • Cloud Flow : URL of Web Hook
        • HTTP Post
        • HTTP Get
        • HTTP Data
        • HTTP Error
        • Date
        • Custom Code
        • Date from Text
        • Get Object Property
      • Coding in Page Flow
      • Zingy API For Page Flow
      • References
        • Value Types
        • Popup Customization
        • Prerequisite for Dynamic Content block examples
        • Prerequisite for Data examples
    • Dynamic Content
    • Data
      • Database Tables
      • Database Queries
      • Data Tool
    • Cloud Flow
      • Cloud Flow Editor
      • Block Anatomy
      • Toolbox Blocks
        • Data Update Records
        • Data Delete Records
      • Coding in Cloud Flow
      • SDK/Library Integration
    • Media
    • Connections
      • Services
        • Stripe
        • Sendgrid
        • Twilio
        • API Call
        • API Key
Powered by GitBook
On this page
  • Publishing
  • Active
  • Page URL
  • Access (Security)
  • Password Protected
  • Access Rules
  • Page Info/SEO
  • Title
  • HTML Meta Desc
  • Fonts
  • Font List
  • Heading Font
  • Body Font
  • Advanced
  • HTML Head Additions
  • Custom Style Definitions
  • Footer Type
  1. App Editor

Page Settings

PreviousPage PreviewNextPage Flow

Last updated 1 year ago

You can use the information in this section for both Pages and Forms.

The Page Settings screen allows configuring important settings related to a page or form in your Zingy app. You can access the page settings screen using the Settings button located in the .

Please note that you need to for the settings to take effect.

The page settings are categorized into the following sections:

Publishing

Active

The Active setting permits you to switch the publishing status of the page.

When turned OFF, the page will be disabled and will not appear in the live version of your Zingy app.

By default, this setting is set to ON.

Page URL

Use the Page URL setting to change the URL of the page.

e.g. if your Zingy app is using the URL https://example.myzingy.app, the default URL of a page in your app will look like: https://example.myzingy.app/<<PageId>> , where Page ID is the identifier you used when creating the page.

NOTE: The default URL structure for a within your app will follow this format: https://example.myzingy.app/forms/<<PageId>> , where Page ID is the identifier you used when creating the form.

You can change the default URL by providing your own slug in the Page URL setting.


Access (Security)

Password Protected

Please note that this setting is read-only and you need to use the Access Rules setting to modify your page's security setting.

If an unauthenticated user attempts to access a page that is not publicly accessible, the app will automatically display a login screen. Upon successful authentication, the user will be redirected to the requested page.

Access Rules

For a page, the Access Rules setting allows you to configure role based access.

To revoke public access for a page, simply click on the 'x' icon within the Public group. This action will trigger the automatic activation of the Password Protected toggle switch.


Page Info/SEO

Title

The Title setting for a page specifies the label that is shown in a browser's title bar or a tab.

When it comes to pages that are publicly accessible, the content within the page title plays a crucial role in search engine optimization. Optimal results are achieved with a descriptive title rather than a brief or generic one. Search engine algorithms utilize the title content as one of the factors to determine the ranking and order of pages in search results. Therefore, crafting a well-defined and informative page title can greatly impact search engine visibility and user engagement.

HTML Meta Desc

For publicly accessible pages, the HTML Meta Desc setting is used to provide a concise and accurate description of the content on a webpage. This description typically appears in search engine results pages (SERPs) as a snippet below the page title, giving users an idea of what the page is about.

It is important to consider the following for this setting:

  • Be Concise: Keep the description brief, usually between 50 to 160 characters, as search engines may truncate longer descriptions.

  • Be Informative: Clearly summarize the main content or purpose of the webpage, providing an enticing preview to users.

  • Be Unique: Craft unique descriptions for each page on your website, avoiding duplicate or repetitive content.

  • Include Relevant Keywords: Incorporate relevant keywords or phrases that accurately reflect the content of the page. However, avoid keyword stuffing or excessive use of keywords, as search engines prioritize meaningful and natural language.


Fonts

NOTE: You can override the font of a specific element by:

Font List

To further customize the font selection, the Font List setting allows additional fonts to be utilized on the page.

Furthermore, this setting allows for the removal of fonts that are no longer required.

Heading Font

Body Font


Advanced

HTML Head Additions

The HTML Head Additions setting allows you to include custom Javascript (via script tag) and CSS files (via link tag).

It is recommended that you limit the contents if this setting to script, link or meta tags.

Custom Style Definitions

The HTML Head Additions setting allows you to define your own CSS classes.

Please define your CSS classes directly and do not include a style tag. The style tag is automatically generated.

Footer Type

The following are possible values for this setting:

  • Fixed

    The footer section will automatically be fixed to the bottom of your page.

  • Standard

    The footer section will be part of the normal flow of your page and will be placed where the body section ends.

The Password Protected toggle switch indicates whether your page is secure. If your page is publicly accessible, this setting will be OFF. If your page can only be accessed by a of your Zingy app, this setting will be ON.

that are members of the Admin are always allowed to access any page in your Zingy app. To grant public access to a page, select "Public" from the Group dropdown menu and click the "Add" button. As a result, the Password Protected toggle switch will automatically be turned OFF, as depicted below:

The same methods as described above can be utilized to establish access rules for any group within your app. As described , when adding a group, the minimum role level also needs to be specified. Roles below the selected level will be disallowed when trying to access the page.

Using the setting

Using the under the Font section.

Adding this font to the Font List in App Settings or at the page. If you want to use a font that is not supported, you can add the

Every page and form within your Zingy app will automatically adopt the defined fonts specified in your .

Select the font to be used for displaying headings in your page using the Heading Font setting. By default the page will use the heading font selected in your .

The Body Font setting allows you to select the font to be used in your page for all non-heading elements. By default the page will use the body font selected in your .

The contents of the HTML Head Additions setting, will be inserted into your page along with the defined in your .

The contents of the Custom Style Definitions setting will be inserted into your page along with the defined in your .

The Footer Type setting is applicable only to a .

💻
successfully authenticated user
User's
group
font using CSS
app's settings
app's settings
app's settings
Structured Page
re-publish your app
slug
form
app's settings
app's settings
Custom CSS Classes
Design Tab
here
main toolbar of the page editor
Page Settings: Example of publicly accessible page.
HTML Head Additions setting
Custom Style Definitions setting