1. Для вставки кода я не использовал ссылку на ячейку, а использовал ссылку на таблицу целиком (прямо из строки браузера)
2. Заменял в ссылке только ключ таблицы, т.е.
1L0Yd1hN9B6QFMc9Bsk6BnwxgM15e60wm8WqMh4hCIK8
3. Нужную ячейку указывал в этой строке - gid=0&range=C1"
4. Визуальные настройки - фон, цвет и поля настраивал в google, т.к. это iframe
5. Но без полей и с определённым фоном бывает неудобно работать в таблице.
Для этого я создавал одну главную таблицу, в которой работают. И создавал вторую таблицу для связи с сайтом. Эту вторую таблицу оформлял как угодно и связывал ячейку (допустим) А1 с нужной ячейкой главной таблицы через формулу вызова данных из ячейки другой таблицы
IMPORTRANGE(spreadsheet_key; range_string)
Пример:
=ImportRange(«https://docs.google.com/a/company_site.ru/spreadsh...»;»Лист1!A1″)
В этой формуле указывается полная ссылка на главную таблицу, номер листа и ячейка


<iframe id="mystyleframe22"
width=150
height=30
frameborder="0"
style="overflow:hidde;border: 0px solid white;"
height="100%"
width="10px" 
border="none"
scrolling="no"
src="https://docs.google.com/spreadsheets/d/1L0Yd1hN9B6QFMc9Bsk6BnwxgM15e60wm8WqMh4hCIK8/pubhtml/sheet?
headers=false&amp;
widget=false&amp;
single=true&amp;
gid=0&range=C1"
>
</iframe>

Html code will be here

Click to order
Cart
Total: 
Your Name
Your Email
Your Phone
Payment method
<script>
    //Отключение скрола на IE
if ($.browser.msie && parseInt($.browser.version) < 9) 
    $('html').css('overflow', 'auto');
//Нужно проверить скрипт уже на странице так как скрытие скрола везде не совсем правильное решение
$('body').css('overflow', 'auto');

$('.waffle').css('border', 'none !important');
    
    
</script>
Made on
Tilda