Puedes añadir un formulario en línea a tu sitio web, haciéndolo disponible para rellenar y descargar como PDF. Sigue leyendo este post para aprender a hacerlo.

<p>Puedes añadir fácilmente un formulario en línea a tu sitio web, haciéndolo disponible para rellenar y descargar como PDF. Sigue leyendo este post para aprender a hacerlo.</p>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-27552 size-full" src="https://static-blog.onlyoffice.com/wp-content/uploads/2022/03/onlyoffice-form-integration.png" alt="Cómo insertar formularios rellenables de ONLYOFFICE en una página web" width="736" height="371" srcset="https://static-blog.onlyoffice.com/wp-content/uploads/2022/03/onlyoffice-form-integration.png 736w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/03/onlyoffice-form-integration-300x151.png 300w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/03/onlyoffice-form-integration-634x320.png 634w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/03/onlyoffice-form-integration-353x178.png 353w" sizes="(max-width: 736px) 100vw, 736px" /></p>
<p></p>
<h2>Breve introducción</h2>
<p>Pensamos que ya estás familiarizado con nuestros <a href="https://www.onlyoffice.com/es/form-creator.aspx?utm_source=blog&amp;utm_medium=article&amp;utm_campaign=embed_forms" target="_blank" rel="noopener"><u>nuevos formularios</u></a>. Si no es así, aquí tienes un breve resumen. A partir de la versión 7.0 de ONLYOFFICE Docs, puedes crear, editar y colaborar en formularios en línea, dejar que otros usuarios los rellenen y guardar los formularios como PDF.</p>
<p>En los formularios de ONLYOFFICE, puedes trabajar con <a href="https://wpblogpost.teamlab.info//es/2022/03/formularios-de-onlyoffice-oform-y-docxf/?utm_source=blog&amp;utm_medium=article&amp;utm_campaign=embed_forms" target="_blank" rel="noopener"><u>dos formatos principales</u></a>. El formato DOCXF sirve para crear plantillas de formularios desde un archivo DOCX en blanco o cualquier otro existente. El formato OFORM se utiliza para rellenar los formularios listos.</p>
<p style="text-align: center;"><iframe loading="lazy" width="560" height="315" src="https://www.youtube.com/embed/SKGz4pmnpgY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="allowfullscreen"></iframe></p>
<h2>Cómo abrir documentos DOCXF para editarlos en un sitio web</h2>
<p>Encuentra y abre el archivo <code>index.html</code> de tu Servidor de Documentos ONLYOFFICE. Luego, conéctalo a la API del Servidor de Documentos. Es necesario especificar los parámetros de configuración para abrir una plantilla de formulario.</p>
<pre class="theme:github font:monospace lang:js decode:true ">&lt;script type="text/javascript" 
        src="http://0.0.0.0:8080/web-apps/apps/api/documents/api.js"&gt;&lt;/script&gt; 
   // Specify the path to the API JavaScript file.
&lt;button onclick="open_form_template()"&gt;Open Form Template&lt;/button&gt; 
   // Add a button to open the form.
&lt;div id="placeholder"&gt;&lt;/div&gt; 
   // Add the element where the editor will be opened.
&lt;script&gt;
function open_form_template() {
    // Close the editor in case it is open.
    if (this.docEditor) {
        this.docEditor.destroyEditor()
    }
    // Create the full URL address to the form template you need to open.
    const url = window.location.protocol + "//" +
    window.location.hostname + “:” + window.location.port + ”/” + filename + ”.docxf”;
    // Add the key to identify the file for co-editing.
    const key = filename + ”.docxf”;
    // Create DocsAPI object with the document config and open the editor in the placeholder element.
    this.docEditor = new DocsAPI.DocEditor("placeholder",
    {
        “document”: {
            “fileType”: “docxf”,
            “key”: key,
            “title”: “Form Template”,
            “url”: url
        },
        “documentType”: “word”
    });
}
&lt;/script&gt;</pre>
<p>A continuación, puedes abrir una plantilla de formulario para editarla. Después de editar este archivo, puedes obtener el formulario. Para ello, haz clic en el botón &#8220;Guardar como oform&#8221;.</p>
<h2>Cómo abrir formularios OFORM para rellenarlos en un sitio web</h2>
<p>Necesitas añadir un botón que abra un formulario para rellenarlo. A continuación, añade la función <code>open_form_template()</code>.</p>
<pre class="theme:github font:monospace lang:js decode:true ">&lt;script type="text/javascript" 
        src="http://0.0.0.0:8080/web-apps/apps/api/documents/api.js"&gt;&lt;/script&gt; 
   // Specify the path to the API JavaScript file.
&lt;button onclick="open_form()"&gt;Open Form&lt;/button&gt; 
   // Add a button to open the form.
&lt;div id="placeholder"&gt;&lt;/div&gt; 
   // Add the element where the editor will be opened.
&lt;script&gt;
function open_form_template() {
    // Close the editor in case it is open.
    if (this.docEditor) {
        this.docEditor.destroyEditor()
    }
   // Create the full URL address to the form you need to open.
    const url = window.location.protocol + "//" +
    window.location.hostname + ”:” + window.location.port + ”/” + filename + ”.oform”;
    const key = filename + ”.oform”;
    // Create DocsAPI object with the document config and open the editor in the placeholder element.
    this.docEditor = new DocsAPI.DocEditor("placeholder",
    {
        “document”: {
            “fileType”: “oform”,
            “title”: “Form”,
            “url”: url
        },
        “documentType”: “word”
    });
}
&lt;/script&gt;</pre>
<p>Hay que tener en cuenta que el campo <code>clave</code> no se pasa a la configuración de los editores. Este campo se generará automáticamente como un número aleatorio. Esto permite independizar todas las sesiones de apertura del formulario. Así, la colaboración en los archivos OFORM está deshabilitada. Por eso, cualquiera puede abrir el formulario y rellenarlo sin molestar a los demás.</p>
<p>Una vez hecho esto, puedes abrir el formulario para rellenarlo. Después de rellenar los campos (los obligatorios están resaltados con el borde rojo), puedes obtener un archivo PDF. Para ello, haz clic en el botón &#8220;Guardar como PDF&#8221;.</p>
<p><img decoding="async" loading="lazy" class="img-popup alignnone wp-image-27329" src="https://static-blog.onlyoffice.com/wp-content/uploads/2022/03/onlyoffice-oform-file.png" alt="Cómo insertar formularios rellenables de ONLYOFFICE en una página web" width="736" height="416" srcset="https://static-blog.onlyoffice.com/wp-content/uploads/2022/03/onlyoffice-oform-file.png 1124w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/03/onlyoffice-oform-file-300x169.png 300w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/03/onlyoffice-oform-file-1024x579.png 1024w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/03/onlyoffice-oform-file-768x434.png 768w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/03/onlyoffice-oform-file-315x178.png 315w" sizes="(max-width: 736px) 100vw, 736px" /></p>
<div class="useful-links">
<h3>Enlaces útiles</h3>
<p><a href="https://api.onlyoffice.com/?utm_source=blog&amp;utm_medium=article&amp;utm_campaign=embed_forms" target="_blank" rel="noopener"><u>Documentación de la API</u></a></p>
<p><a href="https://wpblogpost.teamlab.info//es/2022/01/como-crear-formularios-rellenables/?utm_source=blog&amp;utm_medium=article&amp;utm_campaign=embed_forms" target="_blank" rel="noopener"><u>Cómo crear formularios rellenables</u></a></p>
<p><a href="https://wpblogpost.teamlab.info//es/2022/03/formularios-de-onlyoffice-oform-y-docxf/?utm_source=blog&amp;utm_medium=article&amp;utm_campaign=embed_forms" target="_blank" rel="noopener"><u>Descripción de los formatos OFORM y DOCXF</u></a></p>
<p><a href="https://oforms.onlyoffice.com/?utm_source=blog&amp;utm_medium=article&amp;utm_campaign=emdeb_forms" target="_blank" rel="noopener"><u>Biblioteca de formularios gratuitos</u></a></p>
<p><a href="https://wpblogpost.teamlab.info//es/2022/01/7-hechos-interesantes-sobre-los-formularios-de-onlyoffice/?utm_source=blog&amp;utm_medium=article&amp;utm_campaign=embed_forms" target="_blank" rel="noopener"><u>7 datos interesantes sobre los formularios de ONLYOFFICE</u></a></p>
<p><a href="https://www.onlyoffice.com/es/developer-edition.aspx?utm_source=blog&amp;utm_medium=article&amp;utm_campaign=embed_forms" target="_blank" rel="noopener"><u>ONLYOFFICE para desarrolladores</u></a></p>
</div>

Cómo insertar formularios rellenables de ONLYOFFICE en una página web

Entradas recientes

Cómo Equal Rights Beyond Borders promueve los derechos humanos con ONLYOFFICE y Nextcloud

Convierte voz a texto en ONLYOFFICE Docs usando el nuevo plugin Entrada de voz

ONLYOFFICE lanza su conector oficial para Odoo