Create and edit website pages
This help article covers the page editor: how to create a new section of your site (for example, The Company, Services, Appraisals), edit an existing one, format the content and upload images to use within the page.
The Home and Contact pages are static pages (they only edit SEO). For those, see Static pages.
Accessing the editor
From Menu > Website > your website > My Pages you can:
- Add a new page (green floating ⊕ button at the bottom right).
- Edit an existing page (pencil icon in the row).
- Delete a page (trash icon, with confirmation).
The editor is organized into three tabs:
- Titles and SEO — meta-data and menu options.
- Content editing — the body of the page.
- Image library — manage the images you'll insert into the content.
To save a page you need at least a title (between 2 and 100 characters). If you include it in the menu, you also need a menu text.
Titles and SEO
Page title (required)
Use natural upper and lower case. For example, writing the title "The Company" will generate the URL yourdomain.com/pagina/la-empresa.
Avoid changing the title once the page has been created: this changes the URL and affects results already indexed in Google. It can also break the navigation system between pages if you have links pointing to that URL.
Show in menu
A toggle that decides whether the page appears in the website's navigation menu or not. When activated, two additional fields appear: Menu text and Order.
Menu text (required if the page is in the menu)
Short text that appears in the navigation bar. It can be different from the title and has a maximum of 50 characters. For example, if the page title is "About our real estate agency", the menu text can simply be "The Company".
Write short texts for the menu — ideally 1 or 2 words. Menus with long texts break the layout on mobile.
Menu order
A number from 1 to 99 that determines the item's position in the navigation bar. Pages with a lower number appear first (on the left).
Every page added to the menu appears between Home (always first) and Contact (always last).
SEO: keywords and description
- Keywords: a list of words separated by commas (e.g.:
real estate, caseros, sale, rentals, villa del parque). See Configure keywords. - SEO description: short text (recommended ≤ 160 characters) that appears as a summary in Google search results. See Write optimized texts.
Content editing
The visual editor is based on Tiptap. The top bar groups the 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 page and improve SEO.
SEO recommendation: use H2 for the page's main headings and H3 for subheadings. Reserve H1 for specific cases — the page title that comes from the Titles and SEO tab already fulfills that role on most sites.
3. Lists and quotes
- Bulleted list
- Numbered list
- Quote / blockquote (highlighted text 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.
- Return to Content editing and place the cursor where you want the image.
- Press the 🖼 Image button on 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 on 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 turn it on, and also when you go 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 that the visual editor doesn't show (<div class="...">, <script>, custom attributes). These elements are saved when you press Save, even though they aren't shown on screen in the visual editor.
More about 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 videos from Youtube or Vimeo, or embed maps from 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 pages.
Upload images
Click the upload area or drag and drop files from a window on your computer. Each image is uploaded independently and appears in the grid when finished.
Maximum size: 10 MB per image. Recommended width: 1200 px for mobile views and 960 px for desktop. Height is free. Check with 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 return to the grid.
Tips for images
- Upload previously optimized images (you can use Squoosh, TinyPNG or similar).
- Some phones have a specific position for taking photos. If the image appears rotated, re-export the image to remove EXIF metadata with a program like Photoshop or XnView (free).
Saving the page
The Save button is available in all three tabs. When you save:
- A green toast appears confirming that it was saved.
- You stay in the editor: you're not redirected to the listing. You can keep editing immediately.
- In New page mode, the browser URL changes to that of the newly created page (for example,
/website/123/pages/456) so that a new click on Save doesn't create a duplicate page. - If the title is invalid or the menu text is missing (when Show in menu is enabled), saving is cancelled and the Titles and SEO tab automatically gets focus so you can fix the error.
After saving
If you enabled Show in menu, the page automatically appears in the public site's navigation bar, between Home and Contact, in the position indicated by the Order field.
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 reopen it.
Other references
- How to insert links — 4 possible types of links within the content.
- How to insert files — add downloadable files (PDFs, etc.).
- Static pages — SEO for Home and Contact.
- Create and edit blog posts — works the same as the page editor.
- SEO — general SEO guide.