Google Formlarını Web Sitesine Nasıl Yerleştirilir?

Nasıl

TarafındanRyan Dube

Son Güncelleme2 Aralık 2020

Web sitenizde doldurulabilir formlar yayınlamak her zaman kolay değildir. Var WordPress eklentileri formları yayınlamak için kullanılabilir, ancak bunlar her zaman ücretsiz değildir. Ayrıca genellikle biraz yapılandırma ve biraz öğrenme eğrisi gerektirirler.

Google Formlar'ın güzelliği, hızlı bir şekilde basit bir form oluştur daha sonra web sitenize yerleştirebilirsiniz. Ayrıca formu renklerle ve genel temanızla eşleşen bir stille özelleştirebilirsiniz.

Bu makalede, bir Google Formunu temanıza uyacak şekilde nasıl özelleştireceğinizi ve sitenizdeki herhangi bir sayfaya nasıl yerleştireceğinizi öğreneceksiniz.

Google Formunuzu Özelleştirme

Bu örnek için, örnek bir web sitesi ve varsayılan olarak boş bir Google Formu ile başlayacağız.

Başlamak için sitenizde yeni bir sayfa oluşturun ve düzen ile temaya yakından bakın. Özellikle, birincil ve ikincil renkleri not edin.

Bu örnekte tema, siyah bayraklı beyaz bir arka plandır. Başlık metni koyu siyah ve kalın, site yazı tipinin kendisi ise düz siyahtır. Bu özel sayfaya, ziyaretçilerin beş seçenekten en sevdikleri film için oy vermelerine ve kendi yorumlarını sunmalarına izin veren bir form yerleştirmek planlanıyor.

Ardından, Google Formunuzu bu sayfa düzenine uyacak şekilde özelleştirmeniz gerekecek.

Boş bir Google Formu oluşturduğunuzda, düzenin varsayılan olarak, koyu siyah metin ve form üzerinde düz metin bulunan mor bir arka plan olduğunu fark edeceksiniz. Üstteki afiş sınırı koyu mordur.

Açıkçası, bu, formu yerleştirmek istediğimiz sayfada işe yaramayacaktır. Formu özelleştirmek için, form düzenleyici penceresinin sağ üst köşesindeki renk paleti simgesini seçin. Bu, renk şeması dahil temayı özelleştirmenize olanak tanır.

Bu bir özelleştirme açılır menüsü gösterecektir. Tema Rengi bölümünde çalışan bir renk şeması görmüyorsanız, + Formunuzu temel almak istediğiniz renge ince ayar yapmak için simgesine dokunun.

Temanız için tam olarak istediğiniz rengi seçmek için renk paletini kullanın. Bu durumda, siyahın seçilmesi, arka plan rengini otomatik olarak siyahla çalışması gereken tamamlayıcı bir renge değiştirir. Bu rengi altından değiştirebilirsiniz. Arka plan rengi Bölüm.

Bu sayfadaki diğer seçenekler arasında bir başlık resmi eklemek ve formun yazı tipi stilini değiştirmek de yer alır. Formu özelleştirmeyi tamamladığınızda, Google Formunu web sitenize yerleştirmeye hazır olmadan önce yapılandırabileceğiniz birkaç seçenek daha vardır.

Google Form Seçeneklerini Özelleştirme

Google Formunuzu web sitenize yerleştirmeden önce, web tabanlı form girişlerini barındıracak birkaç şey ayarlamalısınız. Bunu yapmak için formun sağ üst köşesindeki Dişli simgesini seçin. Bu, çeşitli yapılandırma seçeneklerinin bulunduğu bir Ayarlar penceresi açar.

Sonuçları anonim tutmak istemiyorsanız, etkinleştirmelisiniz E-posta adreslerini toplayın, ve sağlamak Yanıt alındı ​​bilgileri.

Yanıt makbuzları, kullanıcı girişini gönderdiğinde otomatik olarak bir onay mesajının e-postayla gönderilmesiyle ilgilenir. Bu şekilde, bunu web sitenizin kendisinden programlama konusunda endişelenmenize gerek kalmaz.

Yanıtları kullanıcı başına bir yanıtla sınırlamak istemiyorsanız, diğer tüm seçenekleri seçilmemiş olarak bırakabilirsiniz. Bu durumda, etkinleştirmek isteyeceksiniz 1 yanıtla sınırla.

Seçin Sunum Daha fazla seçenek görmek için sekmesi.

Formunuz çok uzun olmadığı sürece, muhtemelen etkinleştirmeniz gerekmeyecektir İlerleme çubuğunu göster. Soru karıştır sipariş seçeneği, her ziyaretçiye farklı bir soru sıralaması sağlamak istediğiniz anketler için iyidir. Genellikle etkinleştirmezsiniz Başka bir yanıtı göndermek için bağlantıyı göster çünkü çoğu anket için kullanıcı başına yalnızca bir yanıt isteyeceksiniz. Bu, e-posta adresleri kullanılarak zorunlu kılınmıştır.

Kullanıcının görmesini istediğiniz bir onay mesajı yazın. onay mesajı alan. Seçiniz Kayıt etmek işiniz bittiğinde giriş formunun altında.

Formunuzu oluşturduğunuzda ve web sitenize yerleştirmeye hazır olduğunuzda, Gönder sonraki adıma geçmek için.

Web Sitenize Google Formu Nasıl Yerleştirilir?

Gönder'i seçtikten sonra, formunuzu herhangi bir kullanıcıyla paylaşmak için çeşitli seçenekler içeren bir pencere açılır. Bir web sitesine yerleştirmek için, yerleştir simgesini (iki karat karakter) seçmeniz gerekir.

İçinde HTML yerleştir alanında, formu yerleştirmek için kullanabileceğiniz iframe kodunu görebilirsiniz.

Ayarladığınızdan emin olun. Genişlik ve Yükseklik formun web sayfanıza doğru şekilde sığması için. Bu ayarları düzelttikten sonra, HTML Göm alanından tüm iframe kodunu seçin ve kopyalayın.

WordPress kullanıyorsanız, formu gömmek istediğiniz sayfayı düzenlerken Kod düzenleyici moduna geçmeniz gerekecektir. Bunu yapmak için sayfayı düzenleyin ve ardından WordPress düzenleyici penceresinin sağ üst köşesindeki üç dikey noktayı seçin. Seçiniz Kod düzenleyici içinde Editör Bölüm.

Kod düzenleyici penceresinde, iframe yerleştirme kodunu içerik kutusuna yapıştırın.

Son olarak, seçin Taslağı kaydet ve sonra seçin Ön izleme sayfanızda formun nasıl göründüğünü görmek için.

Form tam olarak doğru görünmüyorsa, Google Formlar hesabına geri dönün ve tasarımı biraz daha değiştirin. Ardından, yeni yerleştirme kodunu yeniden yapıştırmak için yukarıdaki işlemi tekrarlayın. Form önizlemesi doğru göründüğünde, sayfayı yayınlamaya ve form sonuçlarını toplamaya hazırsınız!

Bir Web Sitesinden Form Sonuçlarını Toplama

Web sitesi ziyaretçilerinden aldığınız tüm form girişleri bir Google E-Tablolar e-tablosuna gider. Bu sonuçları Google Formlar'da oluşturduğunuz forma geri dönüp şunu seçerek görebilirsiniz: Tepkiler form tasarım sayfasının en üstünde.

Bunun gibi bir formla e-posta adresleri toplamanın güzel yanı, web sitenizin ziyaretçilerinden oluşan bir e-posta listesi de oluşturuyor olmanızdır. Bunu yapmak için kullanabilirsiniz toplu e-postalar gönder sitenizle ilgili haberler veya okuyucularınızın ilgisini çekebilecek diğer güncellemeler.

Her iki durumda da Google Formlar, formları web sitenize herhangi bir programlama bilgisi olmadan yerleştirmek için güçlü bir araçtır.

fırsatlar

Mağaza İçi Fiyat Eşleştirme: Tuğla ve Harç Kolaylığıyla Çevrimiçi Fiyatlar Nasıl Elde Edilir

Mağazada satın almak, daha yüksek fiyatlar ödemeniz gerektiği anlamına gelmez. Fiyat eşleştirme garantileri sayesinde tuğla ve harç ile online indirimler alabilirsiniz ...

Nasıl

Dijital Hediye Kartı ile Disney Plus Aboneliği Hediye Etme

Disney Plus'ı beğendiyseniz ve bunu başkalarıyla paylaşmak istiyorsanız, işte Disney + Gift aboneliğini şu şekilde satın alabilirsiniz ...

Nasıl

Google Dokümanlar, E-Tablolar ve Slaytlarda Dokümanları Paylaşma Kılavuzunuz

Google'ın web tabanlı uygulamalarıyla kolayca ortak çalışabilirsiniz. İşte Google Dokümanlar, E-Tablolar ve Slaytlar'da izinlerle paylaşma kılavuzunuz ...