Imagine a blog that doesn't just inform, but truly ignites engagement. A blog where static text comes alive with interactive elements, captivating visuals, and a seamless user experience. That's the magic of RELAYTO!
How to Create
Step 1
Click on the "Add New Content" button in the "My Content" tab of your dashboard.
![](https://cdn.relayto.com/images_originals/mx3R1Xp6Tmul25CgL71w_Slide%2016_9%20-%20246%20(5).png)
Step 2
Click "Web Doc" on the menu.
![](https://cdn.relayto.com/images_originals/FjsZGVhYRSCdnJv4EDRn_Slide 16_9 - 250 (2).png)
Adding Title & Description
This information is highlighted and can be easily edited by changing the text marked below.
![](https://cdn.relayto.com/images_originals/WSkq7l4HRxGPLln1hUCz_Slide 16_9 - 250 (13).png)
Adding a Cover Image
Blogs have two states for cover images: the one inside the blog and the sharable thumbnail. The dimensions of the two are different, but RELAYTO adjust the image/GIF automatically to fit both.
![](https://cdn.relayto.com/images_originals/SruyJblRRtK7iiYgl3Kh_Slide 16_9 - 252 (1).png)
Inside the blog
Step 1
To add an intern cover, click "Edit" on top right corner.
![](https://cdn.relayto.com/images_originals/1ttSKIAWRoupTVwnfCwZ_Slide 16_9 - 250 (10).png)
Step 2
Click the upload button on right corner. Then you'll be able to drag and drop your image/GIF.
We recommend adding a file smaller than 5mb for optimization.
To understand it better, please read: Best Performance Guide.
![](https://cdn.relayto.com/images_originals/Q8zOK3AFTrmKEl3kNbEE_Slide 16_9 - 250 (9).png)
To be shared
Step 1
Click the Share button on top right corner.
![](https://cdn.relayto.com/images_originals/eGwKA9EfShmNl2VMThrL_Slide 16_9 - 250 (11).png)
Step 2
Hover over the cover and the upload button will appear. Click it and you'll be able to drag and drop your image/GIF.
![](https://cdn.relayto.com/images_originals/2JR0e4WvT92j8CXaJUMp_Slide 16_9 - 250 (12).png)
Editing the Text
Once you've crafted your captivating content for your blog, you might want to fine-tune it before publishing. Here's a quick guide to editing your text within RELAYTO Web Doc:
Adding Heading and Subheadings
Every text is a paragraph, but you can modify their format to create hierarchy.
Note that every heading/subheading is also added automatically to navigation.
![](https://cdn.relayto.com/images_originals/eVD9jcTGT9iXgk215Ai3_Slide 16_9 - 250 (16).png)
Modifying Text Size
The text has a default size, but you can make it bigger or smaller by changing its value.
![](https://cdn.relayto.com/images_originals/RkYjSq8ASECQp5wGIhAf_Slide 16_9 - 250 (17).png)
Changing Fonts
Experiment with different fonts to create contrast. To go back to original, click "Default" on list.
![](https://cdn.relayto.com/images_originals/B7oARrsdTEuxIOVIJ6hS_Slide 16_9 - 250 (18).png)
Add Text Color and Outline
Play with different colors from our palette to highlight the text across your blog. Click "Remove color" to go back to default.
![](https://cdn.relayto.com/images_originals/2k4l6ILVSSqgL4tOW3nH_Slide 16_9 - 250 (19).png)
Making Text Bold or Italic
Select the text, and then click B or I on the top bar.
![](https://cdn.relayto.com/images_originals/0dRQboPvQ8az26Yhchf4_Slide 16_9 - 250 (14).png)
Creating a List
Select the text, and then click the icons for numbered and bullet list.
![](https://cdn.relayto.com/images_originals/ESXHTInTe9rPJ6QL3a8A_Slide 16_9 - 250 (15).png)
Changing Text Alignment
Click on the three dots on top menu and then select the text alignment icon.
![](https://cdn.relayto.com/images_originals/AaEkBPqgRqCDV2a6DwT5_Slide%2016_9%20-%20250%20(25).png)
Adding Links
Write the i the link icon on the top menu and past the URL.
- Embedding link on text. Write a word or sentence and then select it. When the menu appears, click the link icon and add the URL.
- Editing a link. Click on the link and a popup will appear, then select the pencil icon.
![](https://cdn.relayto.com/images_originals/RXmjc8LzQnKoZtXMRYqE_Slide 16_9 - 250 (20).png)
Creating Quotes
Select the text line and then click the quotation marks icon on the top menu.
![](https://cdn.relayto.com/images_originals/CNYeabYPQe2eUltXa0Wh_Slide 16_9 - 250 (21).png)
Adding an Image/GIF
Click the picture icon on top menu. We recommend optimizing the file for better performance.
To understand it better, please read: Best Practices for Media.
![](https://cdn.relayto.com/images_originals/ZCVnDucvQomuMCjtwzNl_Slide 16_9 - 250 (22).png)
Embedding a Video or Experience
You can embed videos from YouTube, Vimeo and many others sources, as well as adding other RELAYTO blogs and experiences. To do it, click on the video icon on top menu.
![](https://cdn.relayto.com/images_originals/wTC4lltTuG5S76QbVBdg_Slide 16_9 - 250 (23).png)
Creating Rows & Collums
Click on the table icon on the top menu. You can adjust each text box independently for font styles, sizes, and colors to enhance readability and visual appeal within each cell.
![](https://cdn.relayto.com/images_originals/gYutyhHT9SDoWNYit27N_Slide 16_9 - 250 (24).png)
Adding Codes
Click on the three dots on top menu and then select the code icon to add one single line of code or block code icon besides it to add a block of code.
![](https://cdn.relayto.com/images_originals/lDyogeh0SAWfMfiSrwq7_Slide 16_9 - 250 (26).png)
Related Articles:
Thank you for joining us in this tutorial! If you have any questions or need help, feel free to email us at [email protected] or book a call here.