Question 1

Introduction to blocks

Accepted Answer

Building with grids has been a common pattern in print-design for ages, and now it's possible on the web as well. Grid Studio is the fastest no-code website builder for launching grid-based sites and landing pages and this video covers the fundamentals of how Blocks work.

What are Blocks? Well, Blocks are the content of your website: it could be text, images, videos, maps, forms, and so on.

The modular grid where all your Blocks live gives you full flexibility to create whatever layout you might need while ensuring that your website is mobile responsive and adaptive across all devices.

${youtube}Introduction to Blocks

This video covers:

What Blocks are and the different types
How to add a Block by dragging the grid
How adjust the settings on each Block
How to build sites quickly

Question 2

Connect your domain

Accepted Answer

Once your website is ready to launch, you need a domain for the world to see. If you don't own a domain yet, we offer a free grid.ws subdomain (such as mysite.grid.ws).

Add your domain

Log in to the Grid.studio dashboard and add your desired domain under site-settings.

Change your DNS

If you are using a custom domain you need to point it to the Grid.studio network. Create a CNAME-record for yourdomain.com or desired subdomain and point it to dns.grid.studio.

| Make sure there is no other CNAME or A records with the same value. || Your provider might not allow CNAME on your bare domain, in that case you'll have to use www.yourdomain.com.

Verify that your domain is working

Once you have launched and chosen a plan, your new website should be up and running. It can take up to 24 hours before DNS and SSL are working properly. Nice work 👏!

As always let us know if you need assistance at any point in the process!

Question 3

Introduction to grids

Accepted Answer

Grid.studio is based on grids (surprise!). In this video we will show how to customize global grids and section grids.

${youtube}

This video covers:

Global grid
Section grid
Grid width
Gridt columns
Grid gap
Overlay

Question 4

Getting started

Accepted Answer

Everything you need to know to start a new project.

${youtube}

Starting a new project
Naming a new project
Picking a starting point
Edit mode

| You can use the CTRL/⌘ + E for fast switching

Question 5

Introduction to sections

Accepted Answer

Sections are one of the main parts of grid.studio. This video contains all you need to know about sections.

${youtube}

This video covers:

Add a section
Move a section
Edit a section

Question 6

Connect form to Zapier

Accepted Answer

The form-block is used when you need input form your users or customers.

It can be extended with a range of different field-types, and have as much data as needed.

Handling Submissions

For handling submissions we recommend Zapier Catch Hook URLs, as it makes it easy for you to send the submissions to whatever service you like.

The guide above outlines the steps in greater details, but here is the basic overview:

Create a form-block with all needed fields.
Log into Zapier and create a new Zap.
Select Webhooks by Zapier and make it a CATCH Hook as trigger event.
Copy the URL given by Zapier directly into the form-block settings.
Fill out your form and submit.

You should now be able to see all fields in Zapier, and can from here create an action to for example send an email or create a row in a google sheet.

Congrats - your form is connected with Zapier! 🎉

Frequently Read Articles

Browse All Categories

No categories configured.