Añadir al Wysiwyg más opciones

[actycrea]

Buenos días,

Estoy revisando la documentación técnica y no encuentro nada al respecto. Necesitaría ver la posibilidad de añadirle más funcionalidad al Wysiwyg. Es decir, incluir la posibilidad de que el usuario que lo gestione, no tenga que incluir HTML directamente, y desde un botón pueda incluir facilmente otros elementos HTML dentro de su contenido, como por ejemplo, un GRID de columnas y celdas. 

Muchas gracias por su ayuda!

[joseamayadev · Accepted solution]

Hola, me gustaría aportar una idea de una solución que tuve que implementar en su momento por temas que digamos a nivel técnico el editor Wysiwyg de Shopify no es personalizable al nivel que lo quieres llevar. 

A mi me toco básicamente a través de una extensión de Chrome crear un Wysiwyg que se activase una vez el cliente estuviese en el admin de shopify y a través de este entregarle la funcionalidad de poder crear diseños más llamativos para sus productos. 

A nivel técnico, fue algo digamos que entre comillas sencillo:
La extensión de chrome mostraba una ventana emergente para que pudiese editar todo a través de el editor personalizado con estilos y otras configuraciones que el cliente requería y simplemente lo pegaba en la página,  entrada de blog  o descripción de producto donde él requería, por detrás tenía una hoja de estilos que se almacenaba en una cdn para no ensuciar todo el código y de esa forma pude arreglar esta limitante pero a nivel de usabilidad cuesta un poco que el comerciante se adapte a esto.

Ahora con la posibilidad de usar Hydrogen también puedes llevar a un nivel más amplio las funcionalidades de una tienda de Shopify usando componentes preconstruidos.

Y en temas 2.0 combinado con apps puedes también crear experiencias similares, aquí depende mucho de qué tan escalable pretendas que sea esta solución como te digo, para mi fue suficiente con crear un wysiwyg personalizado a través de una chrome extensión para que el cliente no tuviese que salir de la experiencia de edición de la página.

Sin olvidar que el uso de apps personalizadas también te puede ayudar a resolver este inconveniente como lo es por ejemplo  Shogun  que me gusta bastante para hacer diseños personalizados sin tener que codificar tanto.

Saludos y espero te sirva de guía.