Rich Text Editing allows you to create content from a blank screen with formatting capabilities like headers, bullets, lists, and hyperlinked text. In addition, you can insert photos, videos, page breaks, and call-to-action buttons.
Here are some of our robust rich text editing features:
Basic Formatting: The "P" button is for regular body "paragraph" formatting. When you have text selected, you can bold it, italicize it. You can also align text to the left, center, or right.
Headers: To visually break or call out text, you can include H1, H2, and H3 headers where H1 is your primary, large headline, H2 your sub-headline, and H3 as a smaller, sub-headline.
Linking: You can also link to external resources or other top-level pages in your app, open up an email, call a number, or send a text message when clicking an email address or phone number.
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 remain the width of the content. You can link your images as well!
Videos: Share Youtube and Vimeo videos by adding the url. You can then set the video to content width (how it naturally appears) or stretched edge to edge.
Call-to-Action Buttons: Add links to your page in the form of a button and customize the text with your preferred "call-to-action" copy.
Separators: Sometime it helps to visually break up content. You can add a separator or divider to your page which will will match your color theme.
Where you can use rich text editing:
How to format content
Use our rich text toolbar for styling text and greater customization of 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 rich text editing. Then use the toolbar at the bottom of the content area to format your text.
By selecting the text first, you can align, bold, italicize, or hyperlink your text. In addition you can create bulleted and numbered lists.
Note: if you use the rich text alignment feature, all users will have to have the latest version of Yapp downloaded on their mobile device from the app store.
How to add rich content
To add images, videos, buttons, and separators, hover over the content area until you see a button with the + sign. Click that plus button to start. From there, you will see the rich elements that are available to add. Select the one you want, then follow the subsequent prompts for each option.
Select or highlight your text.
Click the link button in the toolbar.
Enter your link URL into the link toolbar.
Click the plus sign + button when hovering over content, and choose “Button”.
Type your button's title or "call to action" text in the "Button Text" box.
Enter the URL that your button should link to into the "Button Link" box.
Click the plus sign + button when hovering over content, and choose “Image.”
Drag the image from your local drive or folder to drop it in. Or click to open the file chooser to upload the image file. You can also bulk select images when uploading or dragging to add multiple images at once. (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!)
Wait for the upload to complete, then set your layout and on-tap options.
Image Layout Options:
Natural size, limited to content width
No action on tap: 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!
Show full-screen on tap: By default, when a use taps on an image, the image will enter full screen.
Follow a link on tap: Using the same powerful link creation toolbar, you can now turn an image into a link.
Currently, you can add YouTube and Vimeo videos to any rich text page or a standalone videos page - with more options for uploading videos on the way!
To add a video:
Copy your video URL.
Click the plus + button when hovering over content, and choose “Video Embed.”
Paste your video URL in the text box.
Click the "Embed" button.
Video Layout Options:
Natural size, limited to content width