Black Friday Sale
Lifetime 70% discount on all plans
Ycode logotype
Features
Layout & Design

Experience full design control to craft professional websites.

CMS

Organize your content your way for maximum impact.

Forms

Build contact, newsletter, and filter forms effortlessly.

SEO

Boost your website's SEO with optimized controls.

Interactions

Add some spark to your website with interactions.

Localization

Translate your website into multiple languages.

Resources
Templates

Customize any template to fit your style and needs.

Academy

Start learning Ycode for free. Get answers to your questions.

Experts

Find experts to help with your website project.

Blog

No-code insights to help you build and design better projects.

Support
Help Center

Find step-by-step guides and answers in our knowledge base.

Contact

Contact us for urgent help.

Community

Connect and learn from others.

Pricing Partners
Log in Sign up
Introduction
Getting started
Dashboard
Dashboard
New project
Profile
Switch account
Users
Billing history
Account settings
Project settings
Project settings
General settings
Project ownership
Allow cloning
Project plan
SEO
Domain
Redirects
API Tokens
Builder
Builder
Canvas
Layers
Switch page
Left-side panel
Editor mode
Keyboard shortcuts
Breakpoints
Preview
Publish
Elements
Elements
Structure
Content
Actions
Media
Tables
Lists
Layouts
Slider
Forms
Form structure
Data form
Filter form
Advanced form
Authentication form
HTML
HTML
Import
Export
Embed
Design
Layer styles
Components
States
Layout
Sizing
Spacing
Typography
Backgrounds
Borders
Position
Effects
Color controls
Animations
Intro to Animations
Trigger
Properties
Page settings
General settings
SEO settings
Social share
Page folders
Workflows
Intro to workflows
ID
Types
When
Events
Data
Interactive
Other
CMS
CMS Collections
Import data
Dynamic elements
CMS pages
Display settings
Filter and search
Collection sorting
Dynamic sorting dropdown options
Pagination
CSV Export
Settings
Integrations
Zapier
Airtable
Custom code
Custom code
Related articles
Slider
Layouts
Lists
Tables
Media
Actions
Content
Structure
Elements
Documentation Elements

Content

Content elements are an essential part of any webpage or application. These elements primarily consist of text-based components such as headings, paragraphs, and lists, and play a crucial role in organizing and presenting information to users.

To help you add the best content to your website we have a few elements to help you, these are:

  • Heading

  • Paragraph

  • Rich-text

  • Text

Heading

When writing a paper, we’re taught to make use of headings to give our text structure. We start with a Heading 1 for the paper’s title and add subsequent headings as we move on to subtopics.

This same principle applies to websites, both to increase the readability for visitors and to help search engines better understand the content.

To structure your text, you can use Heading 1 to Heading 6—and everything in between. You can select the type of heading, by adding the heading element, and with it selected go to the right-hand side to the Settings, here you will have a Tag option with headings for 1 to 6.

Paragraph

Paragraphs are block elements with text inside. They’re best used for website intros or quick descriptions.

The element contains a dummy text that you can replace by double-clicking on the text. You can type or paste your text directly on the canvas.

Rich-text

You can use rich-text elements to add long-format texts anywhere on your website.

To format your text, double-click on the element on the canvas, this will open a window pop-up that will take half of your screen. Here you will be able to not only add content but format it with the options available on the top toolbar.

the top toolbar includes the following formatting options:

  • Heading 1, 2 and 3

  • Bold text

  • Italic text

  • Links

  • Stroke through text

  • Bullet list

  • Numbered list

  • Quotes

  • Code segment (this won’t run code it’s just a text block to make your code snippet easier to read for your website visitors)

  • Image

  • Video

  • Youtube video

Text

Text is perfect for short text, like a price label attached to a product.

With this element, you have more flexibility, this HTML element is in-line, creating a tag, which means the code is added on the same line.

Browse by category

Dashboard
Project settings
Builder
Elements
Forms
Design
Animations
Page settings
Workflows
CMS
Settings
Integrations
Custom code
Ycode logotype

Visual development platform for designers and agencies.

Features Design CMS Forms SEO Animations Localization
Product Updates Roadmap Pricing Templates Developer API
Company About us Services Blog Contact Brand resources
Learn Help Center Academy Community Customer stories
Partner Experts Partner program Become a Ycode expert
Compare Ycode vs. Webflow Ycode vs. Framer Ycode vs. Squarespace
Let’s keep in touch

Join our monthly email with no-code insights and Ycode updates.

Done!

Thank you for subscribing.


2019 - 2025 © Ycode. All rights reserved.
Terms & Policies Cookies settings