Nota: Si bien hemos traducido las guías más populares al español, algunas guías están disponibles solamente en inglés.

Using Swiftype with Squarespace

Swiftype is a third-party service you can use to add a search engine to your site. 

Note: For the best search experience, we recommend using our Search Block instead of a third-party service.
The steps in this guide include Code Injection and adding advanced code to the Code Block. These are Premium features available in Business and Commerce plans.

Antes de comenzar

  • To add a Swiftype search field, your site must be public. Visit Publishing or hiding your site for help updating your settings.
  • You can have one Swiftype search field per page. If you add multiple, none will work.

Get the Swiftype install code

Create a search engine and copy the install code in Swiftype: 

  1. Log into your Swiftype account and click Create A New Engine.  
  2. Enter your website URL, and click Verify URL
  3. Swiftype will crawl your site and create your search engine, showing the progress along the way. 
  4. Name your search engine and click Create engine
  5. Click Complete Setup.
  6. On the next screen, click Install Search.
  7. Customize your search field, then click Activate Site Search.
  8. Copy the install code and save the search field code. 

Add the code to your site

In Squarespace, add the code to your site using Code Injection and Code Blocks. 

Step 1 - Add the install code to your site's Code Injection

  1. En el menú de Inicio, haz clic en Configuración, en Avanzada y después en Inserción de código.
  2. Paste the install code in the Header field.
  3. Haz clic en Guardar.

Step 2 - Add the search field code to a page

After you add the install code to your site's Code Injection, add the search field code to pages where you want the Swiftype search field to appear: 

  1. Click an insert point and select Code from the Block Menu. For more help with this step, visit Using the Code Block.
  2. Paste the Search field code. 
  3. Haz clic en Guardar.

Nota: La personalización basada en código está fuera del alcance de nuestro soporte técnico. Esto significa que no podemos ayudarte más con la configuración o la resolución de problemas. Además, con una solución basada en código, no podemos garantizar su funcionamiento o la compatibilidad total con Squarespace. Esto incluye cómo funciona con nuestro diseño adaptativo, en especial, su aspecto en dispositivos móviles y sus funciones en todas las plantillas. Las personalizaciones basadas en código también pueden causar problemas de visualización, con futuras actualizaciones a nuestra plataforma. Aunque no podemos ayudarte más, hay muchos recursos que te pueden orientar en la dirección correcta:

¿Fue útil este artículo?
Usuarios a los que les pareció útil: 5 de 6