Using the Qwilr editor

If you're new to Qwilr, here's a quick primer on how to format your text in our editor.

The Basics

Once you've added a Text Block or Splash Block, you'll see a placeholder where you can start adding text. For example, this is what a brand-new Text Block looks like:

View of a new Text Block

Click on the placeholder and begin typing. Once you have some text in the block, you'll be able to highlight it. That causes the editing toolbar to pop up, and then you'll use it to make changes.

Headings

Qwilr has two sizes of heading: H1 (main heading) or H2 (subheading). To make any text into a heading, highlight it and choose either H1 or H2 from the toolbar. Click the heading icon again to change back to body text.

Animation of text being changed to a heading and a subheading

Bolding Text

If you want to bold text, highlight it and choose the B option in the toolbar. 

Animation of text being made bold

If you want to remove the bolding, repeat the process.

Italics

If you want to italicize text, highlight it and choose the I option in the toolbar. 

Animation of text being made italic

To remove those italics, repeat the process.

Block quotes

If you'd like to format text like a quote, highlight that text and choose the ❝ icon. That will add formatting to call attention to your quote. (It's a great way to highlight testimonials from customers!)

Animation of text being changed into a blockquote

Note: You can add different styling to block quotes in the style menu.

Lists

You'll be able to add ordered and unordered lists. To add a list, highlight the text you want to listify. In the toolbar, choose the icons for Ordered (numbered) or Unordered (bulleted). 

To make a list item into a sub-item, use your Tab key to indent it. To move a sublist item back up a level, hold down your Shift key while tabbing. To completely remove a line item from a list, highlight the line and use your Delete/Backspace key.

Animation of text being changed to a numbered list and a bulleted list

Note: You can add different styling to lists in the style menu.

To add a link, highlight the text you want to link and then click on the Link icon in the toolbar. Type in or paste the URL. If you want to add an email link, you'll want to format it as a mailto link. Example: mailto:help@qwilr.com

Animation of text being changed to a link

To remove a link, hover over it to bring up the link toolbar. Then click the Unlink icon.

Linked text in the process of being unlinked

Note: You can add styling to your links from the style menu.

Formatting text in the Quote Block

Within your Quote Blocks you'll be able to add limited formatting to your text. You can:

  • Bold text
  • Italicize text
  • Change section titles to H2
  • Link text

Animation of styling being applied to the Quote Block

Keyboard shortcuts

You might find these useful as you're editing.

  • Bold: ctrl + b or cmd + b
  • Italic: ctrl + i or cmd + i

What's Next?