When building your website in Rocketspark, blocks are the building pieces that make up each page. Each block type has a specific purpose, helping you create the layout and content that suits your design best. Here’s a breakdown of all the blocks you can use and what they do.
Text Block
Use this block for any text you need to add to your website.
It includes both a header section (which can be removed if you don’t need it) and a paragraph section for all your written content.
You can:
Add bullet points or numbered lists
Create simple tables
Use the Source Code option to add small snippets of custom code (like changing a word’s colour or adding inline HTML)
Learn more about using text blocks
Picture Block
Add a single image to your page.
You can also:
Adjust the shape of your image (circle, rounded, square, etc.)
Change the corner radius to suit your design
Perfect for showcasing one standout photo or graphic.
Heading block
Add a standalone heading without any paragraph text.
Choose from H1, H2, or H3 headings depending on your layout and SEO structure.
Button Block
Add a call-to-action button anywhere on your site.
You can:
Set a link destination
Choose your button style
Adjust alignment (left, centre, or right)
Great for linking to forms, product pages, or other key areas of your site.
Grid gallery block
Display multiple images in a clean, grid-style layout.
Grid galleries aren’t just for photos — they’re also great for showcasing services or other visual highlights. You can include an image and a short text description under each one, helping visitors easily browse what you offer in a clear, organised way.
This block is perfect for:
Portfolios
Service listings
Team or project showcases
Email form block
Add a contact form directly to your page so visitors can get in touch with you.
You can customise the fields, button, and email destination.
Learn how to add an email contact form
Video block
Embed a video from YouTube or Vimeo into your site.
Ideal for tutorials, testimonials, or product demos.
How to add a video to your website
Map block
Embed a Google Map onto your page to show your business location.
Simply enter your street address, city, postal/zip code, and country.
File upload block
Add a downloadable file button to your site.
This is great for brochures, PDFs, or resources.
How to add files that visitors can download
Blog post block
Showcase your latest blog post directly on any page.
Perfect for keeping your homepage or landing pages fresh with new content.
How to use the Blog post block
Accordion block
Add an accordion (collapsible FAQ section) to your page.
Each “accordion” item expands when clicked—ideal for FAQs, policies, or any content you want to keep tidy and easy to navigate.
Product block
Show a specific product anywhere on your website.
This is handy for custom store pages, showcasing brands, or highlighting special deals.
How to add products to your main page
Code block
Add custom HTML code, such as an embed or iframe from a third-party service (like a booking widget or form).
Facebook feed block
Display your Facebook feed directly on your site.
You’ll need to have your Facebook account connected in your Social Media settings for this to work.
X (Twitter) feed block
Show your X (formerly Twitter) feed on your website.
Ideal for displaying updates or announcements from your social feed.
Social buttons block
Add linked social media buttons or icons for your connected accounts.
Choose between button or icon styles to match your website design.