Rich Text Editing allows you to create content from a blank screen with formatting capabilities like bold, italics and embedded hyperlinked text. You can insert text, photos, headlines, page breaks, videos, hyperlinks, and so much more.

Here are some of our robust rich text features:

  • Basic Formatting: The "P" button is for regular "paragraph" formatting, while H1, H2, and H3 buttons let you format a line as a headline, a sub-headline, or a sub-sub-headline. When you have text selected, you can bold it, italicize it. You can also align text to the left, center, or right.
  • Linking: You can also link to any valid url, other top level pages in your app, open up an email, call a number, or send a text message from our toolbar. Linking addresses to Google Maps URLs can be a great touch.
  • Lists: There are two types of list formats available: unordered, in which each item has a bullet before it, and ordered, in which each item is automatically numbered.
  • Images: Upload images and have them stretch edge to edge or stay content width. You can link your images as well!
  • Videos: Provide Youtube and Vimeo urls to embed. You have the option for videos to be content width (how it naturally appears) or stretched edge to edge.
  • Button Links: Provide Youtube and Vimeo urls to embed. You have the option for videos to be content width (how it naturally appears) or stretched edge to edge.
  • Separators: Sometime it helps to break up content. You can add a separator to you content that will match your color theme

How do I format content?

Use our rich text toolbar for adding more design and customization to your page.

To format your content, simply click the “Edit” button in the top right corner of your Rich Text Page or any page that uses our rich text feature such as the People, Schedule, and Multi-track pages.

Then use the toolbar at the bottom of the rich text area to format your text. 

You can align, bold, italicize, or create a link for your text. In addition you can create bulleted or numbered lists. However, make sure you select the text first.

Note: if you use the rich text alignment feature, all users will have to be using the latest version of the Yapp app from the device’s app store.

How do I add rich content?

Embedding content starts with clicking on our Inserter. It's the dashed line with a + sign to the left you see following around your mouse. Click that + to start! From there, you will see the options that are available to you to add. Right now we have four options. Select the one you want and follow the instructions below for each option.

How to add links

  1. Select your text
  2. Click the link button in the toolbar
  3. Enter your link into the link toolbar (Remember you can link to a phone number for calls or texts, another top level page within your app, a website, or an email address for emails.)
  4. Click OK

How to add buttons

  1. Click the plus button on the bar that appears between content, and choose “Button”
  2. Type your button's title or "call to action" in under "Button Text"
  3. Enter the link your button should direct to into the link toolbar
  4. Click OK

How to Add Images

You will have the following options with your images

Layout:

  • Stretched edge to edge
  • Content width - natural

Actions:

  • Do nothing. We've seen so many page heading made from beautiful images. It doesn't make sense for that image to full screen when you tap on it, so now you can disabled that!
  • Full screen image. By default, when a use taps on an image, the image will enter full screen.
  • Linking. Using the same powerful link creation toolbar, you can now turn an image into a link.
  1. Click the plus button on the bar that appears between content, and choose “Image.”
  2. Drag the image in or click the drop target to open the file chooser and choose an image file. (Power user tip: You can also paste images. Just find an image on the web, right click and select "Copy Image", then hover over the upload area, and press "command + v" (Mac) or "control + v" (Windows). It works with any image on your clipboard!)
  3. Make selections based on the layout and action type for the image (see above)
  4. Wait for the upload to complete!

How to embed videos

Note: Right now we only support embedding videos from YouTube.com or via  Vimeo.com. Let us know if there are other services you would like us to support!

However you do have two options when it comes to the appearance of your video.

Layout:

  • Stretched edge to edge
  • Content width - natural
  1. Grab your video URL
  2. Click the video embed button in the chooser
  3. Paste your video URL in the form
  4. Select the layout you prefer
  5. Click Embed

Where can I use these rich text features?

Rich text features in our roadmap

  • Image captions
  • Document embeds
  • Improved embedding of certain urls

________________________________________________________________

Love these features, have a suggestion, need help using page linking? Let us know by reaching out to support@yapp.us!

Did this answer your question?