> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.tyslo.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# ¿Cómo usar una imagen como botón para abrir el formulario de pedido de EasySell?

**Siga los pasos a continuación para usar una imagen como botón para abrir el formulario de pedido.**

* Vaya a su **constructor de páginas**
* Luego agregue un bloque de **imagen** donde lo desee 

![Tyslo EasySell - Agregar bloque de imagen](https://storage.crisp.chat/users/helpdesk/website/4b154ca9ad47c000/tyslo-easysell-add-image-block_1wrrpi9.png)

* Suba la imagen que prefiera y copie su enlace

![Tyslo EasySell - copiar enlace de imagen](https://storage.crisp.chat/users/helpdesk/website/4b154ca9ad47c000/tyslo-easysell-copy-image-link_ol1k4k.png)

* Luego haga clic derecho en la **imagen** y seleccione **Editar código**

![Tyslo EasySell - editar código de imagen](https://storage.crisp.chat/users/helpdesk/website/4b154ca9ad47c000/tyslo-easysell-edit-image-code_1n95m0q.png)

* Ahora copie y pegue este código, y reemplace **AGREGAR_ENLACE_DE_IMAGEN_AQUI** con el enlace de imagen que copió anteriormente, luego guarde

```javascript
<a href="#"><img src="AGREGAR_ENLACE_DE_IMAGEN_AQUI" data-animation="shakeUpDown" id="es-popup-button-overwrite"></a>
```

Aquí está la lista de animaciones disponibles:
* none.
* shakeLeftRight 
* shakeUpDown
* shakeBottom
* pulse
* bounce
* tada
![Tyslo EasySell - editar código de imagen 2](https://storage.crisp.chat/users/helpdesk/website/4b154ca9ad47c000/tyslo-easysell-edit-image-code_13sz8s8.png)

| ℹ️ Si necesita cualquier otra información o algún tipo de ayuda, no dude en contactarnos por chat o WhatsApp desde la aplicación 😎