Таблицы WIX

Виджет Мастер таблиц WIX
Обратились ко мне за консультацией, как вставить большую таблицу в сайт wix? Описала всё подробно, но что-то не получается. Вот и решила сделать подробную инструкцию.

Виджет Мастер таблиц

В App Market есть виджет Мастер таблиц  от wix и бесплатно. Можно встроить таблицу из google документов или заполнить вручную.

Как добавить таблицу на сайт Wix

добавить таблицу на сайт Wix

В редакторе сайта создать новую страницу или перейти на нужную, нажать слева иконку App Market, в строке поиска ввести таблицы. Появится 3 приложения. Напротив Мастер таблиц нажать кнопку добавить. 

На странице появится поле с таблицей, заполненной числами. 

Wix редактор


Чтобы поменять на свои данные нажмите на кнопке настройки. Вкладка Источник данных.

Виды таблиц Wix

Ручная таблица


Поставьте точку на Добавить содержимое вручную и нажмите на нужной ячейке. Заполнить всю таблицу и нажать подтвердить.



Таблица Google

Если таблица большая, то легче загрузить её на гугл диск или создать в гугл документах. Если таблица excel, тоже загрузите в гугл диск и откройте в редакторе гугл, чтобы заполнить ячейки таблицы автоматически. Чтобы документ был доступен всем в гугл таблицах нажмите файл-опубликовать в Интернете. Затем справа в верху нажать кнопку Настройки доступа. Либо файл-Совместный доступ.

Настройки доступа гугл документ

Включить доступ по ссылке и скопировать ссылку. 


В редакторе сайта в настройках мастера таблиц нажать точку возле Загрузить электронную таблицу Google, в поле вставить ссылку, нажать возле поля или Enter, чтобы кнопка Подтвердить стала активной, нажав её подключите свою таблицу к сайту.

Мастер таблиц


Настройки таблицы

Настройки таблицы. Введите количество столбцов, размер фиксированный - будет ползунок прокрутки, в зависимости от контента таблица - растянется на всю длину.

Вкладка цвета и шрифты

Вкладка цвета и шрифты - меняете вид таблицы.

нажмите сохранить и опубликовать

Когда завершите настраивать в редакторе нажмите сохранить и опубликовать, тогда на сайте все увидят таблицу.





Надеюсь всё теперь понятно со скриншотами? Если есть вопросы пишите  в комментариях.

Рекомендую почитать:

Комментариев нет :

Отправить комментарий