Integraciones con sitios web

1. Antes de empezar

• Un plan Pro. El widget de anuncios, el botón de residentes, los botones listos para usar, los códigos QR y las fuentes de datos son parte de RentMerchant Pro. Los enlaces simples y su página gratuita de RentMerchant funcionan en todos los planes. Cambie de plan desde Facturación en su cuenta.
• Una dirección de correo electrónico confirmada. Los anuncios y los widgets solo se cargan en cuentas verificadas.
• Acceso para editar su sitio web. Debe poder agregar un elemento de página en su creador de sitios web. Algunos creadores solo permiten código personalizado en sus planes de pago; los pasos para cada creador de sitios de abajo indican dónde.

2. Encuentre su código

1. Inicie sesión en app.rentmerchant.com.
2. Abra Configuración y luego la pestaña Integraciones.
3. Haga clic en una opción para abrirla y luego use su botón Copiar código. Su código ya contiene el nombre de su propia cuenta, así que péguelo exactamente como lo copió.

En los ejemplos de esta página, your-name representa el nombre de su cuenta. Copie siempre su código real desde la página Integraciones en lugar de volver a escribir estos.

3. Agregue sus anuncios de renta

El widget muestra las viviendas que usted publica. No se publica nada hasta que usted lo active, una vivienda a la vez.

1. Abra Anuncios (en Arrendamiento). Ahí están todas sus unidades. Una propiedad sin unidades muestra un botón Crear anuncio.
2. Haga clic en Editar en una vivienda y complete recámaras, baños, pies cuadrados, renta mensual, depósito, la fecha en que está disponible (déjela vacía para "disponible ahora"), mascotas y una descripción.
3. Suba hasta 12 fotos. La primera foto es la portada; use las flechas para cambiar el orden. Los datos de ubicación se eliminan automáticamente de cada foto.
4. Marque Publicar esta vivienda y haga clic en Guardar anuncio.

Cuando se rente una vivienda, haga clic en Retirar en la página Anuncios. Desaparece de su sitio web en menos de cinco minutos, sin cambiar ningún código.

4. Widget de anuncios

Muestra sus viviendas publicadas como tarjetas con foto, renta, recámaras, baños y disponibilidad. Los visitantes hacen clic en una tarjeta para abrir su página de anuncio.

Opción A: código del widget (recomendado)

Se ajusta al ancho de su página y crece según sus anuncios. Péguelo donde deban aparecer los anuncios:

<div data-rentmerchant-listings="your-name"></div>
<script src="https://app.rentmerchant.com/embed/v1/listings.js" async></script>

Opción B: iframe

Para creadores de sitios que no permiten scripts. Es un cuadro de altura fija con desplazamiento:

<iframe src="https://app.rentmerchant.com/embed/listings/your-name" title="Available rentals"
        loading="lazy" style="width:100%;height:900px;border:0"></iframe>

Si su creador de sitios permite un script junto a él, use mejor la versión de tamaño automático de la página Integraciones. Agrega una línea que hace que el cuadro tenga exactamente la altura de sus anuncios.

5. Botón flotante para residentes

Agrega un botón de Residentes en la esquina inferior de cada página. Abre un pequeño menú: Acceso para residentes, Pagar renta, Enviar una solicitud de mantenimiento, Solicitar ahora y Viviendas disponibles (cada opción aparece solo cuando aplica a su cuenta). Péguelo una sola vez, en el área de su creador de sitios que agrega código a todas las páginas (por lo general se llama código para todo el sitio, código de pie de página o inyección de código):

<script src="https://app.rentmerchant.com/embed/v1/resident-button.js" data-rentmerchant-site="your-name" async></script>

Si su creador de sitios no tiene un área de código para todo el sitio, péguelo en cada página donde quiera el botón.

6. Botones y enlaces

Botones: en la sección Botones de Integraciones, marque los botones que desee, elija un color, revise la vista previa y copie el código. Los botones son enlaces simples con estilo, así que funcionan en cualquier creador de sitios que acepte HTML, incluidos los boletines por correo electrónico.

Enlaces (todos los planes): copie cualquier enlace en el menú de navegación de su sitio, en el pie de página, en un perfil de redes sociales o en su firma de correo electrónico. En la mayoría de los creadores de sitios: abra el editor del menú, agregue un elemento Enlace (Link) y pegue la dirección.

7. Códigos QR

En la sección de códigos QR, haga clic en Descargar PNG debajo del código que quiera. Imprímalo en un letrero de "Se renta" (use Viviendas disponibles o Solicitar ahora), en un aviso del cuarto de lavado (Pagar renta o Mantenimiento) o en su paquete de mudanza. Imprímalo con al menos 2.5 cm (1 pulgada) de ancho y escanéelo con su propio teléfono antes de imprimir un lote.

8. Paso a paso para su creador de sitios web

Los creadores de sitios cambian sus menús de vez en cuando. Si una etiqueta de abajo no coincide exactamente, busque el elemento llamado HTML, Embed (Insertar) o Code (Código).

Wix

1. Anuncios o botones: en el Editor, haga clic en Agregar elementos (+) (Add Elements), luego en Insertar código (Embed Code) y luego en Insertar HTML (Embed HTML). Elija Código, pegue el código y haga clic en Actualizar (Update). Arrastre el cuadro hasta el tamaño que desee.
2. Botón de residentes: vaya a Configuración de su sitio, luego a Código personalizado (Custom Code) (en Avanzado), haga clic en Agregar código personalizado (Add Custom Code), pegue el código y elija Todas las páginas (All pages) y Cuerpo, final (Body, end). Wix solo ofrece Código personalizado en sitios con un dominio conectado y un plan de pago.
3. Publique su sitio.

Squarespace

1. Anuncios o botones: edite la página, haga clic en un punto de inserción, elija Código, pegue el código y asegúrese de que Mostrar código fuente (Display Source) esté desactivado.
2. Botón de residentes: abra Configuración, luego Herramientas para desarrolladores (Developer Tools) (o Avanzado (Advanced)), luego Inyección de código (Code Injection), y pegue el código en Pie de página (Footer).
3. Los scripts en bloques de código (Code) y en Code Injection requieren un plan de Squarespace que incluya código personalizado. Si el código del widget no funciona, use la opción de iframe.

WordPress

1. Anuncios o botones: edite la página, haga clic en +, agregue un bloque HTML personalizado (Custom HTML), pegue el código y actualice la página.
2. Botón de residentes: use la opción de código de pie de página de su tema si la tiene, o un plugin de código para encabezado y pie de página (por ejemplo, WPCode), y pegue el código en el pie de página.
3. En WordPress.com (el servicio alojado), los scripts solo funcionan en los planes que permiten plugins y código personalizado. En otros planes, use la opción de iframe y los botones.

GoDaddy Websites + Marketing

1. Edite su sitio, haga clic en Agregar sección (Add Section), busque HTML y agréguelo.
2. Pegue su código en el cuadro de código personalizado de la sección y haga clic en Listo. Aquí la opción de iframe es la más confiable.
3. Para el botón de residentes, busque en Configuración de su sitio la opción de código para todo el sitio. Si su plan no la incluye, agregue los botones a sus páginas.

Weebly (Square Online classic)

1. Anuncios o botones: arrastre un elemento Insertar código (Embed Code) a la página, haga clic en él, elija Editar HTML personalizado (Edit Custom HTML) y pegue el código.
2. Botón de residentes: Configuración, luego SEO, y pegue el código en Código de pie de página (Footer Code).

Webflow

1. Anuncios o botones: arrastre un elemento Insertar código (Code Embed) a la página y pegue el código.
2. Botón de residentes: Configuración del sitio (Site settings), luego Código personalizado (Custom code), y pegue el código en Código de pie de página (Footer code). Publique.
3. Webflow requiere un plan de sitio de pago para el código personalizado.

Un sitio personalizado o hecho a mano

Pegue el código del widget donde deben ir los anuncios, y el botón de residentes justo antes de la etiqueta de cierre </body>. O use las Fuentes JSON para crear su propio diseño.

9. Referencia de opciones

Ejemplo, un widget que muestra tres viviendas en color verde azulado:

<div data-rentmerchant-listings="your-name" data-limit="3" data-accent="#0f766e"></div>
<script src="https://app.rentmerchant.com/embed/v1/listings.js" async></script>

10. Para desarrolladores web: fuentes JSON

Dos fuentes públicas de solo lectura contienen los mismos datos que los widgets. No se necesita clave, se permiten solicitudes de origen cruzado y las respuestas se guardan en caché durante cinco minutos.

GET https://app.rentmerchant.com/r/your-name/listings.json
GET https://app.rentmerchant.com/r/your-name/links.json

Cada elemento de listings incluye:

{
  "id": 476,
  "title": "Capitol Flats · Unit 102",
  "city": "Columbus, OH",
  "rent": "$1,950/mo",          "rent_amount": 1950,
  "deposit": "$1,950",
  "facts": ["2 bed", "1 bath", "880 sq ft"],
  "bedrooms": 2, "bathrooms": 1, "square_feet": 880,
  "available": "Available now", "available_on": null,
  "pets": "Cats OK",
  "description": "Bright corner two bedroom...",
  "photos": [{ "url": "...", "thumb": "...", "w": 2000, "h": 1500 }],
  "url": "https://app.rentmerchant.com/r/your-name/listings/476",
  "apply_url": "https://app.rentmerchant.com/apply/...?unit=476"
}

Muestre el texto exactamente como se proporciona y enlace a url y apply_url en lugar de crear su propio formulario de solicitud. La dirección completa solo aparece en la página del anuncio, no en la fuente. links.json devuelve su nombre, su color de acento y los enlaces para residentes (key, label, url).

11. Solución de problemas

El área del widget aparece en blanco.

Es posible que su creador de sitios esté eliminando los scripts; use la opción de iframe. Revise también que su cuenta esté en Pro, que su correo electrónico esté confirmado y que el código se haya pegado completo.

Dice que no hay viviendas disponibles.

Abra Anuncios en su cuenta y asegúrese de que al menos una vivienda esté marcada como publicada. Los cambios aparecen en menos de cinco minutos.

Se ve bien en el editor, pero no en mi sitio publicado.

La mayoría de los creadores de sitios solo ejecutan scripts en el sitio publicado, no en la vista previa del editor. Publique y luego revise la dirección en vivo.

El iframe aparece cortado o tiene una barra de desplazamiento.

Use la versión de tamaño automático, o aumente el valor de height en el código del iframe.

El botón de residentes no aparece.

Debe estar en un área de código para todo el sitio o en la propia página, y solo aparece en el sitio publicado. Si su cuenta no tiene enlaces que mostrar, permanece oculto.

¿Algo más?

Abra Soporte en su cuenta e indíquenos la dirección de su sitio web y su creador de sitios. Lo revisaremos.

12. Seguridad y privacidad

• Los pagos y el inicio de sesión siempre se abren en RentMerchant. Un inquilino nunca escribe una contraseña ni un dato bancario en su sitio web.
• Los widgets solo muestran enlaces y fotos de RentMerchant, y están aislados del resto del código y los estilos de su página.
• Solo las viviendas que usted publica son públicas. Al retirar una vivienda, desaparece de todas partes a la vez.
• Se eliminan los datos de ubicación y otra información oculta de cada foto que sube.
• Si una cuenta se cierra, se suspende o deja el plan Pro, sus anuncios y widgets dejan de mostrarse automáticamente.