Creating a Qwilr Page from Scratch

Ready to build a Qwilr Page that wows? Whether it’s a proposal, pitch, or portfolio, here’s how to create a fully customized, on-brand page from scratch effortlessly.

Want to start from scratch? Go for it! A blank canvas lets you craft a fully custom Qwilr Page, block by block.

But here’s the best part, you don’t have to start from zero! Choose from 100+ stunning templates to kickstart your page, or let our Digital Design Team transform your existing sales deck into a Qwilr masterpiece. Just drop us a line at [email protected] to make it happen!

Feeling creative? Read on to DIY your perfect page!

In this article:

• Starting with a blank Page
• Adding blocks
• Adding content to Blocks
• Inserting visuals
• Adding styling
• Adding background
• Previewing your Qwilr Page

Starting with a blank Page

A new Qwilr Page starts from your dashboard. Click the Create New button in the top right corner. Then choose Blank Page.

Adding Blocks

Qwilr Pages are made up of content sections called Blocks. Different types of Blocks do different jobs on your page.

To add a Block, click the + icon. You'll see these at the top and bottom of each Block on your page. You can add a new Block in any location where you see this symbol. You can choose from six types of Blocks.

Each type of Block has a different job:

• Text Block: Contains words, inline images, tables, maps, buttons, and more.
• Splash Block: For beautiful background images and videos.
• Video Block: For embedding videos from YouTube, Vimeo, Wistia, Loom, Vidyard and Brightcove.
• Embed Block: Allows you to embed content from other sources, like Google Maps, Typeforms, slide presentations, and calendars.
• Quote Block: Displays price quotes, which can be interactive and contain plans and packages.
• Accept Block: Displays an Accept button, and can include e-Sign and payment options.

When you're ready to add the next Block to your page, click on any of the + symbols you see between blocks. You can use as many (or as few) Blocks as you like in your Qwilr Page. Only the Accept Block has a limit - you can include one of these per page.

You'll find these Block Options in every block:

• Save the block to your saved blocks library.
• Move the block up or down the page.
• Delete the block.
• Clone the Block
• Make the block foldable.
• Add the block to your page navigation.

Adding content to Blocks

In most types of Blocks, you will see a placeholder where you can start typing. Click on it and begin entering your text.

Once you have some text in the Block, you'll be able to add formatting. Highlight any text, and an editing toolbar will automatically pop up.

Learn more about the formatting options here.

Inserting visuals

One of the great things about web-based documents is how many different kinds of visual content you can add. Qwilr provides an insertion icon to help you do just that. This icon is visible in all blank lines on your page and is represented by a plus symbol.

There's a lot you can do from this menu, including:

• Add an image or a video
• Add a clickable button
• Add a table to format complex information
• Embed a Google Map
• Insert a Layout section, with text and images side by side
• Add an embed widget directly into your blocks
• Insert an ROI calculator
• Add an expandable Accordion section.

Adding styling

Anywhere you see a paint roller icon, that's where you can change colors, alignments, and other styles.

You'll see this icon in the top left corner of every block and a other locations. Learn more about styling here.

Adding background

To make customizing your proposals smoother and more efficient, you can add color, image, or video backgrounds to any block (except the Quote and Accept blocks), providing greater flexibility in your design. The background settings are accessible via a dedicated menu, allowing you to quickly apply and switch between image or video backgrounds.

Here’s an explanation for each option:

• Background type: Choose between a solid color, an image, or a video as your background.

• Background tint: Add a semi-transparent layer over the background to improve readability.
• Tint style: Select "Normal" for a standard overlay or "Blend" for a smoother integration with the background.
• Tint opacity: Adjust the transparency of the tint using the slider (0 for none, 100 for full coverage).
• Background card: Toggle this on to add a separate background behind text for better contrast.

How do I change the image/video?

Click on Background image or Background video. The library will open automatically. You can either drag an image from the library into the Background Box or click the "Upload" button to select a file from your device. That's it!

Previewing your Qwilr Page

You can preview your Qwilr Page any time. While you're editing, head to the top right corner and click the  Preview icon.

What's next?

From here, you can do even more with your page.

• Add a price quote
• Set up an e-signature
• Turn this page into a template, so you can use it again and again

Have any questions? Reach out to our team - we're glad to help!