Visual Guide | Master the BLOCK Options TabDesign Your Pages with Block Templates & APPS
Learn how to populate pages with text, media, CTAs, and custom templates using the Block Options tab
What is the Block Options Tab?
The Blocks Tab is a key feature within the Website Builder App that allows users to design and populate their pages with various content and layout elements. It offers a streamlined interface to add, organize, and customize blocks, making the page-building process accessible to users of all skill levels.
Features include
- Call to Actions (CTAs): Add buttons or prompts encouraging user actions like sign-ups or purchases.
- Text + Media: Combine text with images or videos to create visually appealing sections.
- Media: Insert standalone images, galleries, or videos to enhance your page's visuals.
- Text: Include headings, paragraphs, or list-style content.
- Apps (formerly Modules): Integrate advanced features like forms, job boards, or event registration.
- Basic Editor + Custom: Create custom blocks for unique page layouts.
- Favorites: Save frequently used blocks for easy access in future projects.
Why It Matters
- Accessibility: Block options make page design easy for users of all skill levels.
- Efficiency: Templates, apps and favorites help streamline design workflows.
Pro Tip: Save frequently used blocks in the "Favourites" section to speed up future projects.
GettING STARTED | Blocks TabDESIGNING PAGES WITH BLOCK TEMPLATES
The Blocks Tab lets you populate your page with text, media, CTAs, and more using templates.
Why It Matters:
- Makes page building accessible to users of all skill levels.
- Organized tags, apps and favourite blocks make design faster and easier.
Pro Tip: Save frequently used blocks in the "Faourites" section to speed up future design projets.
CTAs
Add call-to-action buttons or sections to encourage user interaction.
Pro Tip: Use high-contrast colors to make CTAs stand out.
Text + Media
Combine text with images or videos to create engaging content.
Pro Tip: Balance text and visuals to maintain a clean design.
Media
Insert standalone images, videos, or galleries to enhance visual appeal.
Pro Tip: Optimize all media for fast loading times.
Text
Apply templates for consistent layoutsAdd formatted text blocks for titles, paragraphs, or lists.
Pro Tip: Use consistent fonts to maintain branding.
Apps (formerly Modules)
Integrate advanced functionality like forms, event registrations, or job boards.
Pro Tip: Each app must be setup prior to being made available.
Basic Editor + Custom
Create fully customized sections with advanced flexibility.
Pro Tip: This is where any custom blocks specific to your site can be found. You can also paste code or text using the basic editor for copy heavy blocks.
Favourites
Quickly access saved blocks for reuse across multiple pages.
Pro Tip: Include target keywords naturally in the meta description.
Media Size Reference
- Full Width Page
- 1900 pixels - Column Width Page
- 1600 pixels - Edge to Edge
- 1080 pixels width - Contained Image
- Large 600 pixels
- Medium 300 pixels
- Icon 150 pixels - Cover Image
- Thumbnail for tiles ans social sharing
- 550 pixels by 300 pixels
GettING STARTED | Blocks TabExploring Block SETTINGS
The block editor provides intuitive icons to manage, customize, and organize content blocks efficiently.
