Как встроить Форму на сайт со своим дизайном?

Question

[lukoie]

Хочу встроить форму от гугл на сайте, но при этом иметь возможность меня дизайн своими стилями.
Как это сделать?

ЗЫЖ нужно не встраивание формы нативным способом, а именно обходные пути, чтобы можно было переназначать стили.

АПДЕЙТ: вопрос снят, ибо найдено тут morning.am/tutorials/how-to-style-google-forms
может кому будет полезно тоже. у меня заработало.

Comments

[lukoie]

апдейт - прошло вот уже 2,5 месяца, а форма работает как часы, так что рекомендую.

Answer 1

[Сергей Брава]

Через !important и после iframe добавить собственные стили через
Сами стили, классы и id можно посмотреть в исходном коде страницы.

Тривиальные задачи по верстке mailchimp форм, например.

Answer 2

[Alexander Ivanov]

На сайте https://oshliaer.github.io/qna?target=contacts используется Форма Гугл



Основная часть

const sendGoogleForm_ = async ({ name, message, contact, target }) => {
    const url = 'https://docs.google.com/forms/u/0/d/e/' + scope_.googleFormId + '/formResponse';

    const formData = new FormData();
    formData.append('entry.563792130', name);
    formData.append('entry.2109788644', message);
    formData.append('entry.1663728525', contact);
    formData.append('entry.935276218', target);

    return fetch(url, { mode: 'no-cors', method: 'post', body: formData });
  };