Para crear un botón flotante en una web tenemos que tener en cuenta también el responsive en móvil, las mejores soluciones que hemos aplicado últimamente son las siguientes:
-Anjasora:
-Benimar:
Las webs de ejemplo son Benimar o Anjasora, en Benimar aparecen los botones anclados en la parte de abajo a todo el ancho de la pantalla y en móvil se mantiene el ancho pero solo se muestra el icono del botón. En Anjasora aparecen los botones en la parte de la izquierda girados, son svg normales y girados con una clase css, en móvil aparecen en la parte de abajo de la pantalla anclados a ancho completo.
Normalmente estos bloques se añaden en la plantilla de contenido de la serie/producto (Anjasora) también se puede dar el caso de que aparezcan en toda la web porque son genéricos (Benimar) en este último caso lo que ocurre es que hay una plantilla de contenido que se asigna en páginas, dentro de la plantilla encontramos el contenido de la publicación y abajo los botones.
En la imagen de arriba se puede apreciar como están organizados los bloques en la web de Anjasora, los dos primeros bloques son las imágenes para pc, son dos bloques condicionales que se muestran si el campo personalizado que tienen asignado está lleno, si no está lleno se oculta, cada uno tiene dentro una imagen y tiene una posición fija y está girada por css.
Los tres bloques de abajo son para móvil, dependiendo de si solo está rellenado uno de los dos enlaces o si están rellenado los dos se muestra uno de lo tres bloques, el bloque tiene la lógica condicional y un fondo, luego dentro está la imagen/es.
