Solicita acceso y obtén tu API Key

Para integrar Dotly en tu web necesitas dos cosas: una cuenta Pro activa en dotly.xyz y que autoricemos tu dominio en nuestra lista CORS. Sin esta autorización el navegador bloqueará las peticiones por seguridad.

Una vez autorizado, genera tu API Key desde tu dashboard de Dotly: Mi cuenta → API Key → Generar. Tendrá este formato:

czn_a1b2c3d4e5f6a1b2c3d4e5f6a1b2c3d4e5f6a1b2

Copia el código del widget

Pega este bloque en cualquier página de tu web — funciona en WordPress, Wix, Webflow, HTML estático o cualquier CMS. Sustituye TU_API_KEY_AQUI por tu clave real.

<div id="dotly-widget"></div>
<script>
  // ─── Configuración ─────────────────────────────────────
  var DOTLY_API_KEY = 'TU_API_KEY_AQUI';       // ← Cambia esto
  var DOTLY_LABEL   = 'Acortar URL';           // Texto del botón
  var DOTLY_HOLDER  = 'https://tu-url-larga.com'; // Placeholder
  var DOTLY_LANG    = 'es';                    // es | en | fr | it | de
  // ───────────────────────────────────────────────────────
</script>
<script src="https://www.dotly.xyz/czn-widget-loader.js"
        defer></script>

En WordPress: editor de página → bloque HTML personalizado → pega el código → publica.

El widget aparece en tu web

El script carga el formulario automáticamente dentro del #dotly-widget. El diseño se adapta al ancho del contenedor. Así se ve:

Personalización opcional

Puedes ajustar el comportamiento del widget con estas variables antes del script loader:

// Idioma: es (español), en, fr, it, de
var DOTLY_LANG   = 'es';

// Texto personalizado del botón
var DOTLY_LABEL  = 'Acortar mi enlace';

// Ocultar el "Powered by Dotly" (requiere acuerdo previo)
var DOTLY_BRANDING = true; // false = sin marca