Skip to main content

Develop Pages

Introduction#

This section is for developing and managing custom webpages. User can include these pages in any navigational nodes like home, brands, collections or categories. Additionally, user can create pages using an inbuilt editor, Markdown or HTML. Moreover, you can also create mini apps for integrating within your application.

How to access on Fynd Platform

Main Screen#

QG1

Figure 1: Pages - Main Screen

QG1

Figure 2: Pages - Main Screen Intro

In this document, you will learn more about:


Creating A Page#

Video: How To Create A Page

There are multiple editors available for creating pages which gives you the flexibility to create basic as well as advanced pages. Let's take a look at each of these individual editors.

BEE Free#

info

This is recommended for basic users.

  • Now build more with less! Intuitively build pages using drag-and-drop elements like text, audio/video, buttons, HTML block and more.
  • Get multiple types of rows for any content and basic styling such as colour, dimensions, and padding for all the elements.
How to create a page in Beefree

GrapesJS#

info

This is recommended for advanced users.

  • Use readily available drag-and-drop blocks to build any page with multiple styles (CSS). Easily manage layers and media files (assets).
  • Get all the content tools, forms and its components, along with extras like custom code, tooltips and many more.
How to create a page in GrapesJS

Markdown Editor#

  • Create a page rapidly using Markdown, a formatting language that's easy to write and is functionally similar to HTML.
How to create a page in Markdown

Raw HTML#

  • Create a page using HTML, a conventionally used language that supports all the markup tags within angle brackets.
How to create a page in HTML


Adding SEO Information#

Fynd Platform allows you to add SEO information to pages created using any of the 4 editors. Click Edit Website SEO and add a title and description that should be visible in the search engine results when people search for your page.

QG1

Figure 3: Editing Website SEO

tip

No matter how long the title and description is, search engines will show only upto 50-60 characters of the title, and 155-160 characters of the description in the search results. Therefore, you should consider adding the most relevant keywords in the beginning.


Details Section#

In the Details section, enter an appropriate title, description and tags. Proceed to Create.

  • Name - Write the name of the page, for e.g. Contact Page.
  • Slug - Part of the URL that explains the page content. This is automatically generated from the name, but you can choose to edit it.
  • Description - A brief description of the page.
  • Tags - Tags are keywords that help in quickly searching a page.
  • Advanced - The total width (in percentage or pixels) that this page should occupy.