Create and edit blog posts
This help article covers the blog post editor: how to create a new one, edit an existing one, format content, and upload images to use in your articles.
Accessing the editor
From Menu > Website > your website > Blog you can:
- Add a new post (green floating ⊕ button at the bottom right).
- Edit an existing post (pencil icon on the row).
- Delete a post (trash icon, with confirmation).
The editor is organized into three tabs:
- Titles and SEO — post metadata.
- Content editing — the body of the article.
- Image library — manage the images you'll insert in the content.
To save a post you need at least a title (between 2 and 100 characters). All other fields are optional.
Titles and SEO
Post title (required)
Use natural upper and lower case. For example, writing the title "Real estate market trends in 2026" will generate the URL yourdomain.com/blog/tendencias-del-mercado-inmobiliario-en-2026.
Avoid changing the title once published: that changes the URL and can affect results already indexed by Google.
Editor (author)
Name of the post's author. It autocompletes with the user who is editing, but you can change it (for example, if the post was written by another team member).
Order
A number from 1 to 99 that determines how posts appear in the blog listing. 1 = first. If left empty, it goes last.
Main image (URL)
URL of the image that appears as the post's cover: in the blog listing and as a preview when someone shares the link on social media or in a message. It must have the https://... format.
The fastest way to get this URL is to upload the image in the Image library tab and copy the link from the preview modal.
SEO: keywords and description
- Keywords: a comma-separated list of words (e.g.:
real estate, blog, trends, market). See Setting up keywords. - SEO description: short text (recommended ≤ 160 characters) that appears as a summary in Google results. See Writing optimized copy.
Content editing
The visual editor is based on Tiptap. The top bar groups its tools into five blocks:
1. Inline formatting
| Button | Shortcut | Function |
|---|---|---|
| B | Ctrl + B | Bold |
| I | Ctrl + I | Italic |
| S | — | Strikethrough |
2. Headings
H1, H2 and H3. Use headings to structure the article and improve SEO.
SEO recommendation: use H2 for the article's main titles and H3 for subtitles. Reserve H1 for specific cases — the post title that comes from the Titles and SEO tab already fills that role on most sites.
3. Lists and quotes
- Bulleted list
- Numbered list
- Quote / blockquote (text highlighted in a block with a yellow border)
4. Insert content
| Button | Function |
|---|---|
| 🔗 Link | Opens a dialog to paste a URL and apply it to the selected text. |
| 🖼 Image | Opens a dialog to paste an image URL and insert it at the cursor. |
To insert an image:
- Go to the Image library tab, upload the photo, and copy its URL.
- Go back to Content editing and place the cursor where you want the image.
- Press the 🖼 Image button in the toolbar and paste the URL.
- Press Apply.
To insert a link:
- Select the text you want to turn into a link.
- Press the 🔗 Link button in the toolbar.
- Paste the URL and press Apply.
- To remove an existing link, select the text again, open the dialog, and press Remove link.
Links open in a new tab by default (target="_blank").
Types of links you can add:
- Create links to navigate your website
- Create links to other websites
- Create links with search results
- Build a navigation system between pages
5. HTML mode and undo / redo
- HTML mode (
</>): toggles between the visual editor and direct HTML code editing. A warning appears when you enable it, and again when you switch back to visual mode. - Undo / Redo: cancels or repeats the editor's last action.
HTML mode keeps your code exactly as you write it, including elements the visual editor doesn't display (<div class="...">, <script>, custom attributes). These elements are saved when you press Save, even though they don't show on screen in the visual editor.
More on advanced editing: HTML editing. HTML mode is an advanced feature — if you've never worked with HTML code, we recommend staying in the visual editor.
What's not available in the visual editor
To align text, change font colors or sizes, insert YouTube or Vimeo videos, or embed Google Maps, use HTML mode and paste the corresponding code.
Avoid pasting text from Microsoft Word or other formatted editors. If you're copying from a website, paste it first into a plain text editor (Notepad, TextEdit) and then into the Mapaprop editor. Inherited styles can break the site's design.
Image library
The Image library tab lets you upload, view, and delete images associated with the blog.
Uploading images
Click the upload area or drag and drop files from a window on your computer. Each image uploads independently and appears in the grid when it finishes.
Maximum size: 10 MB per image. Recommended width: 1200 px for mobile views and 960 px for desktop. Height is free. Check against your current design if you have doubts.
View, copy URL and delete
Click any thumbnail in the grid to open the preview modal. From there you can:
- View the image at full size.
- View the URL code and Copy URL to the clipboard (green button).
- Delete image permanently (red button, with confirmation). Deleted images cannot be recovered.
- Close the modal to go back to the grid.
Image tips
- Upload images that are already optimized (you can use Squoosh, TinyPNG, or similar).
- Some phones have a specific orientation for taking photos. If the image appears rotated, re-export it to remove the EXIF metadata with a program like Photoshop or XnView (free).
Saving the post
The Save button is available on all three tabs. When you save:
- A green toast appears confirming it was saved.
- You stay in the editor: it doesn't redirect you to the listing. You can keep editing immediately.
- In New post mode, the browser URL changes to that of the newly created post (for example,
/website/123/blog/456) so that clicking Save again doesn't create a duplicate. - If the title has fewer than 2 characters or is empty, saving is cancelled and the Titles and SEO tab focuses automatically so you can fix the error.
After publishing
Once you have one or more posts, a "Blog" link automatically appears in your website's navigation (inside the "The real estate agency" item, depending on the design).
Made changes and don't see them reflected on your site?
Some data is cached in the browser to speed up loading of the public site. Close all open tabs of the site, wait a few seconds, and open it again.
Related help
- Manage blog posts
- Create and edit pages — works the same way as the blog.
- Advanced HTML editing
- SEO on your website
- How to insert links