Ir al contenido principal

Editar una sección de código HTML

Agrega HTML, CSS o JavaScript personalizado para insertar widgets de terceros, formularios o personalizaciones avanzadas en tu sitio web.

Escrito por Brian
Actualizado hoy

Editar una sección de código HTML

Agrega HTML, CSS o JavaScript personalizado para insertar widgets de terceros, formularios o personalizaciones avanzadas en tu sitio web.

Las secciones de código HTML te permiten agregar código HTML personalizado a tu sitio web de boda. Esto es para usuarios avanzados que quieren insertar elementos personalizados o widgets de terceros.

Qué puedes hacer con las secciones de código HTML

Insertar HTML personalizado para agregar funciones que no están integradas en WedSites.

Agregar widgets de terceros como galerías de fotos, mapas o feeds de redes sociales.

Incluir estilos o scripts personalizados para personalización avanzada.

Integrar servicios externos que proporcionan códigos de inserción HTML.

Agregar una sección de código HTML

  1. Ve a Sitio web en tu navegación principal

  2. Haz clic en Agregar sección

  3. Elige Código HTML de la lista

  4. Pega tu código HTML en el campo

  5. Haz clic en Guardar cambios

Campos que puedes editar

Código HTML: Pega tu HTML, CSS o JavaScript personalizado aquí. Lo que pegues se insertará en tu página exactamente como lo escribas.

Cuándo usar secciones de código HTML

Insertar galerías de fotos: Si usas un servicio como Google Photos o Flickr y proporcionan un código de inserción.

Agregar formularios personalizados: Si quieres un formulario de contacto u otro formulario que no esté integrado en WedSites.

Feeds de redes sociales: Inserta feeds de Instagram, líneas de tiempo de Twitter u otros widgets sociales.

Herramientas de terceros: Cualquier cosa que te proporcione un código de inserción puede ir en una sección de código HTML.

Notas importantes

Esto es avanzado. Si no te sientes cómodo con HTML, es posible que quieras omitir las secciones de código HTML o pedir ayuda.

Prueba exhaustivamente. El código personalizado puede romper el diseño de tu sitio si no se hace correctamente. Revisa tus cambios en la vista previa antes de publicar.

No podemos dar soporte a código personalizado. Si algo sale mal con tu código personalizado, no podemos ayudar a solucionarlo. ¡Eso depende de ti!

Mantenlo simple. Cuanto más complejo sea tu código, más probable es que algo salga mal.

Consejos de seguridad

Solo usa código de fuentes confiables. No pegues código aleatorio que encontraste en línea sin entender qué hace.

Primero revisa la vista previa. Ve cómo se ve antes de hacer público tu sitio.

Ten un plan de respaldo. Debes saber cómo eliminar la sección de código HTML si algo sale mal.

Prueba en múltiples dispositivos. Asegúrate de que tu código personalizado funcione en teléfonos, tabletas y computadoras.

Usos comunes

Google Forms: Inserta un formulario personalizado para recopilar información.

Galerías de fotos: Agrega una inserción de Flickr o Google Photos.

Feeds sociales: Muestra tus fotos de Instagram o tweets.

Mapas personalizados: Inserta un Google Map con marcadores personalizados.

Reproductores de video: Agrega reproductores de video con funciones específicas.

Editar código existente

  1. Ve a Sitio web en tu navegación principal

  2. Haz clic en la sección de código HTML

  3. Actualiza el código HTML

  4. Haz clic en Guardar cambios

¡Ten cuidado al editar! Un error tipográfico puede romper las cosas.

Eliminar secciones de código HTML

Si tu código personalizado no funciona o ya no lo necesitas, simplemente elimina la sección. Consulta nuestro artículo sobre eliminar una sección.

¡Las secciones de código HTML son poderosas pero úsalas con cuidado! Si no estás seguro de lo que estás haciendo, quédate con los tipos de sección integrados.

¿Ha quedado contestada tu pregunta?