Skip to main content

​
Admin Panel Guide

The Admin Panel is your central hub for managing all property listings, viewing statistics, and performing administrative tasks.

​
Accessing the Admin Panel

The admin panel requires authentication. Navigate to /admin or click “Panel de Administración” in the navigation menu.
You must have admin privileges to access this area. If you see an error, contact your system administrator for access.

​
Dashboard Overview

The admin panel provides a comprehensive view of your real estate business.

​
Statistics Cards

Four key metrics are displayed at the top:

Total de Propiedades

Shows the total number of properties in your system, regardless of status.

Anuncios Activos

Number of properties with “Activo” status - currently visible to the public.

En Venta

Count of properties listed for sale (operation type: “venta”).

En Alquiler

Count of properties available for rent (operation type: “alquiler”).

​
Quick Actions

From the header:
  • Agregar Propiedad: Create a new property listing (green button, top-right)
  • Search: Find specific properties quickly

​
Property List

All properties are displayed in a card-based list view.

​
Property Card Information

Each card shows:
  • Thumbnail Image: Main property photo
  • Title: Property name/description
  • Location: Street address (from PropertyCard component)
  • Type and Operation: E.g., “Casa • Venta”
  • Status Badge: Color-coded status indicator
    • 🟢 Green: Activo
    • 🟡 Yellow: Pendiente
    • ⚫ Gray: Pausado, Reservado, etc.
  • Price: Current asking price with currency
  • Discount: If applicable, shows original price and discount percentage

​
Property Actions

Each property has quick action buttons:
1

View (Eye Icon)

Opens the public property detail page in a new tab to preview how visitors see it.
2

Edit (Pencil Icon)

Opens the property form with all data pre-filled for editing.
3

Archive (Archive Icon)

Toggles between “Activo” and “Pausado” status:
  • Paused properties are hidden from public view
  • Can be unarchived at any time
  • Useful for temporary unavailability
4

Delete (Trash Icon)

Permanently removes the property from the database.
This action cannot be undone. Use archive for temporary removal instead.

​
Searching Properties

The search bar allows quick filtering of your property list. The search finds matches in:
  • Property title
  • City name
  • Contact phone number

​
Search Behavior

  • Type in the search field
  • Results filter in real-time as you type
  • Case-insensitive matching
  • Partial matches work (“dep” finds “Departamento”)
Use search combined with sorting to quickly find the property you need to edit.

​
Managing Property Status

​
Status Options

Properties can have one of six statuses:
Publicly Visible
  • Appears in search results
  • Visible on listings page
  • Can receive inquiries
  • Indexed by search engines
Use for: Properties ready for buyer/renter viewing
Awaiting Publication
  • Not visible to public
  • Visible only in admin panel
  • Useful for incomplete listings
Use for: Properties being prepared, awaiting photos or information
Reserved by Buyer
  • Still visible to public
  • Shows “Reservado” badge
  • Indicates serious buyer interest
Use for: Properties with accepted offers but not yet sold/rented
Sold
  • Archived status
  • Not visible to public
  • Historical record maintained
Use for: Completed sale transactions
Rented
  • Archived status
  • Not visible to public
  • Historical record maintained
Use for: Completed rental agreements
Temporarily Hidden
  • Not visible to public
  • Quick to reactivate
  • All data preserved
Use for: Temporary unavailability, under repairs, owner request

​
Changing Status

Quick Archive/Unarchive:
  1. Click the archive icon on the property card
  2. Confirm in the modal dialog
  3. Property toggles between Activo ↔ Pausado
Detailed Status Change:
  1. Click Edit on the property
  2. Change the “Estado” dropdown
  3. Save the property

​
Archive and Delete Confirmations

​
Archive Modal

When archiving/unarchiving: 
¿Archivar propiedad?
¿Querés archivar "[Property Title]"? 
Podrás desarchivarla cuando quieras.

[Cancelar] [Archivar]
Or for unarchiving: 
¿Desarchivar propiedad?
¿Querés desarchivar "[Property Title]" 
y marcarla como activa?

[Cancelar] [Desarchivar]

​
Delete Modal

Deleting shows a destructive warning: 
¿Eliminar propiedad?
¿Estás seguro de que queres eliminar 
"[Property Title]"? 
Esta acción no se puede deshacer.

[Cancelar] [Eliminar]
Deleted properties are permanently removed. There is no recovery option. Always use Archive for temporary removal.

​
Creating New Properties

Click “Agregar Propiedad” to access the property form. For complete details on creating listings, see:

Creating Listings

Comprehensive guide to creating property listings with photos, details, and features.

​
Editing Properties

​
Opening the Editor

  1. Find the property in the list
  2. Click the blue Edit icon (pencil)
  3. Property form opens with all existing data

​
What You Can Edit

Everything can be modified:
  • Basic information (title, description, type)
  • Pricing and currency
  • All specifications and features
  • Location and coordinates
  • Status
  • Images (add, remove, reorder, rotate)
  • YouTube video URL

​
Image Management in Edit Mode

Existing Images:
  • Appear in current order
  • Can be reordered by dragging
  • Can be rotated 90° increments
  • Can be marked for deletion
  • Can set a different main image
New Images:
  • Upload alongside existing photos
  • Will be appended or inserted based on order
  • Can set as main image
Changes to images are not applied until you save the property. Click “Guardar” to confirm all modifications.

​
Empty States

​
No Properties

If you have no properties yet: 
No se encontraron propiedades
Comienza agregando tu primera propiedad

[Agregar Tu Primera Propiedad]

​
No Search Results

If search returns no matches: 
No se encontraron propiedades
Intenta ajustar tus criterios de búsqueda

​
Loading States

While data is loading:
  • Spinner icon with “Cargando panel de administración…”
  • Stats cards may show 0 temporarily
  • Property list displays loading indicator

​
Error Handling

If data fails to load: 
Error al cargar datos
[Error message details]
Common causes:
  • Network connection issues
  • Server downtime
  • Authentication expired
Solutions:
  • Refresh the page
  • Check internet connection
  • Re-authenticate if needed
  • Contact technical support

​
Price Display Features

​
Regular Price

Shows as: $150.000 USD Format includes:
  • Currency symbol
  • Thousands separator
  • Currency code

​
Discounted Price

When originalPrice > price: 
$120.000 USD ← Current price (red, bold)
$150.000 USD ← Original (gray, strikethrough)
[20% OFF] ← Discount badge (green)

​
Price Not Available

If no price set: Precio no disponible
Properties with visible discounts get more attention from buyers. Use this feature to highlight price reductions.

​
Keyboard Navigation

The admin panel supports keyboard navigation:
  • Tab: Move between interactive elements
  • Enter/Space: Activate buttons and links
  • Esc: Close modal dialogs
  • Use arrow keys in dropdowns and selects

​
Mobile Responsiveness

The admin panel adapts to mobile devices:
  • Stats cards stack vertically
  • Property cards use single-column layout
  • Actions remain accessible via icon buttons
  • Search bar is full-width
  • Modals fit small screens
While the admin panel works on mobile, desktop is recommended for image management and detailed editing.

​
Best Practices

  • Review property statuses weekly
  • Update sold/rented properties promptly
  • Archive unavailable properties
  • Delete duplicate listings
  • Keep images and descriptions current
  • Use “Pendiente” for incomplete listings
  • Set to “Activo” only when ready
  • “Reservado” when offer is accepted
  • “Pausado” for temporary issues
  • “Vendido”/“Alquilado” after closing
  • Use search to find properties quickly
  • Preview changes using the View button
  • Save frequently when editing
  • Archive instead of delete when unsure
  • Keep statistics visible for insights
  • Always include at least 5 images
  • Set the most attractive photo as main
  • Remove poor quality images
  • Keep photos up-to-date
  • Rotate images correctly before saving

​
Common Tasks

​
Task: Mark a Property as Sold

1

Find the Property

Use search or scroll to locate the sold property.
2

Edit the Property

Click the pencil (Edit) icon.
3

Change Status

In the “Estado” dropdown, select “Vendido”.
4

Save

Click “Guardar” to update the status.

​
Task: Temporarily Hide a Property

1

Locate Property

Find the property you want to hide.
2

Click Archive

Click the archive icon (box with down arrow).
3

Confirm

Click “Archivar” in the confirmation modal.
4

Verify

Property status changes to “Pausado” and is removed from public view.

​
Task: Update Property Price

1

Edit Property

Click Edit on the property card.
2

Modify Price

Update the “Precio” field with the new amount.
3

Optional: Set Original Price

If reducing price, the old price is automatically saved as “Original Price”.
4

Save Changes

Click “Guardar” to apply the new price.

​
Performance Tips

  • Large Image Uploads: Upload images in batches of 5-10 for faster processing
  • Slow Loading: Clear browser cache if the panel loads slowly
  • Search Instead of Scroll: Use search for faster navigation with many properties
  • Regular Browser: Close unused tabs to free up memory

​
Security Reminders

  • Always log out when finished, especially on shared computers
  • Don’t share admin credentials
  • Use a strong, unique password
  • Review who has admin access regularly

​
Support and Help

If you encounter issues:
  1. Check this documentation for guidance
  2. Refresh the page to resolve temporary glitches
  3. Clear browser cache if experiencing persistent issues
  4. Contact technical support with:
    • Description of the issue
    • Browser and version
    • Steps to reproduce
    • Screenshot if applicable

Build docs developers (and LLMs) love

Get started for freeTalk to us