Incrustar código personalizado - Construcción - Documentos de Carrd
Incrustar Código Personalizado
Requiere Pro Standard o superior
El elemento Incrustar te permite insertar código HTML, CSS e incluso JavaScript personalizado prácticamente en cualquier parte de un sitio (incluyendo su elemento <head>
). Si necesitas añadir un widget de terceros que aún no es compatible con el elemento Widget, o si simplemente deseas incorporar funciones personalizadas más allá de lo que Carrd ofrece actualmente, aquí te explicamos cómo hacerlo:
Haz clic en Añadir Elemento
Haz clic en Incrustar para crear un nuevo elemento Incrustar.
Establece Tipo en Código.
Establece Código en el código personalizado que deseas insertar. Esto puede ser prácticamente cualquier cosa que normalmente pegarías en el HTML de un sitio, por lo que HTML estándar, etiquetas
<style>
que contengan reglas CSS personalizadas e incluso etiquetas<script>
que contengan código JavaScript son aceptables aquí.(Opcional) Establece Etiqueta en algo que ayude a identificar esta incrustación en particular (por ejemplo, Código de mi Widget).
Elige el Estilo de la incrustación:
- En línea para insertar tu código exactamente donde aparece la incrustación en el sitio (como cualquier otro elemento).
- Oculto para insertar tu código en una de tres ubicaciones específicas:
- Head para el elemento
<head>
del sitio, - Cuerpo Superior para justo después de la etiqueta de apertura
<body>
del sitio, o - Cuerpo Inferior para justo antes de la etiqueta de cierre
</body>
del sitio.
Dado que esto publica efectivamente la incrustación fuera del flujo normal de elementos, siéntete libre de moverla a un lugar más conveniente (al final del sitio, por ejemplo).
- ¡Listo! Tu código personalizado ahora debería ser visible en el sitio publicado. Ten en cuenta que el elemento de incrustación no mostrará nada en el constructor, por lo que necesitarás publicar el sitio para verlo en acción.