WordPress'te AMP Formları Nasıl Oluşturulur (Kolay Yol)

WordPress sitenizde AMP dostu formlar oluşturmak ister misiniz?

Hızlandırılmış Mobil Sayfalar veya AMP, web sitelerinin mobil cihazlara daha hızlı yüklenmesini sağlayan bir Google projesidir.

AMP, web sayfalarınızın daha hızlı yüklenmesini sağlayarak harika bir mobil tarama deneyimi sunarken, web sitenizdeki birçok kullanışlı özelliği devre dışı bırakır.

Bunlardan biri iletişim formları. AMP sınırlı bir HTML ve JavaScript kümesi kullandığından, WordPress formlarınızı AMP sayfalarına düzgün şekilde yükleyemez.

Ama neyse ki, şimdi kolay bir çözüm var. WPFormsEn yeni başlayanlar için hazırlanmış WordPress form eklentisi artık AMP’ye hazır WordPress formları oluşturmanıza yardımcı olur. Ekipleri yakın zamanda AMP formlarını WordPress için kolaylaştırmak için Google ile birlikte çalıştı.

Bu makalede, WPForms (kolay yol) kullanarak WordPress’te nasıl AMP formları oluşturulacağını göstereceğiz.

WordPress’te AMP Formları Oluşturma (Adım Adım)

AMP’yi WordPress ile birlikte kullanabilmeniz için, WordPress için resmi AMP eklentisi. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağı ile ilgili adım adım kılavuzumuza bakın.

Etkinleştirildiğinde, eklenti WordPress siteniz için otomatik olarak Google AMP desteği ekleyecektir.

Ancak, web sitenize ait AMP ayarlarını AMP »Genel Kontrol panelinizden.

AMP ayarları sayfasından AMP’yi web sitenizde etkinleştirebilir veya devre dışı bırakabilir, AMP için bir web sitesi modu seçebilir ve desteklenen şablonları seçebilirsiniz.

AMP’yi yapılandırdıktan sonra, bir sonraki adım WordPress sitenizde bir AMP uyumlu iletişim formu oluşturmaktır.

1. Adım. WPForms ile bir WordPress formu oluşturun.

Başlamak için, yükleyin ve etkinleştirin. WPForms Lite Eklenti sitenizde. Bu lite versiyonu WPForms Pro Eklenti.

WPForms’un hem lite hem de pro sürümü, temel bir AMP hazır iletişim formu oluşturmanıza olanak sağlar. Yazımızda, ekran görüntüleri için ücretsiz sürümü kullanacağız.

Eklenti yüklenip etkinleştirildikten sonra, üzerinden gitmeniz gerekir. WPForms »Yeni Ekle Yeni bir WordPress formu oluşturmak için.

Form kurulum ekranında, hızlı bir şekilde başlamak için bir form şablonu seçebilirsiniz. Sıfırdan başlamak isterseniz Boş Formu seçebilirsiniz.

Ardından, form oluşturucu sayfasını açar.

Buradan form alanları ekleyebilir veya kaldırabilirsiniz. Formunuza yeni bir alan eklemek için, sol panelden bir form alanını tıklamanız yeterlidir; sağdaki form oluşturucu panelinde görünecektir.

Bundan sonra, alan seçeneklerini yapılandırabilirsiniz. Sadece bir alana tıklayın, ardından Alan Seçenekleri görünecektir.

Benzer şekilde, diğer tüm alanları özelleştirebilirsiniz.

Bundan sonra, form ayarlarınızı yapılandırmak için Ayarlar sekmesine tıklayabilirsiniz.

Genel Ayarlar, form adınızı değiştirmenize, düğme metni göndermenize, düğme işleme metni göndermenize, anti-spam Bal Küpünü etkinleştirmenize ve daha pek çok şeye izin verir.

Ardından, bir kullanıcı formu tamamladığında size bildirmek üzere e-posta bildirimleri ayarlamak için Bildirimler sekmesine tıklayabilirsiniz.

Sonra, bir kullanıcı formu gönderdiğinde gösterilecek bir onay mesajı ayarlamak için Onay sekmesine tıklayabilirsiniz.

Yapılandırma tamamlandıktan sonra formunuzu kaydedebilirsiniz.

2. Adım. AMP Formunuzu bir Sayfaya Ekleme

Artık WordPress formunuz hazır olduğuna göre, bir sayfaya ekleyebilirsiniz.

Öncelikle, yeni bir sayfa oluşturmanız veya formu eklemek istediğiniz mevcut bir sayfayı açmanız gerekir.

Sayfa düzenleme ekranınızda, Yeni Blok Ekle simgesine tıklayın ve WPForms bloğunu seçin.

Bundan sonra, sayfa düzenleme ekranınıza eklenen WPForms widget’ini görebilirsiniz. Daha önce oluşturduğunuz formu seçmeniz yeterlidir; widget anında sayfa düzenleyicisine yükler.

Ardından sayfanızı yayınlayabilir veya güncelleyebilirsiniz.

Bu kadar! Başka bir şey yapılandırmanız gerekmez. WPForms Lite eklentisi şimdi formunuza tam AMP desteği ekleyecektir.

Nasıl göründüğünü görmek istiyorsanız, sayfayı cep telefonunuzda açabilirsiniz.

Veya sayfa URL’nizin sonuna / amp / veya /? Amp ekleyerek sayfayı masaüstü tarayıcınızda açabilirsiniz. Örneğin, https://www.example.com/contact/?amp.

Google reCAPTCHA’yı AMP Formunuza Ekleme

Varsayılan olarak, WPForms istenmeyen postaları yakalamak ve engellemek için istenmeyen posta önleme özelliği içerir. Ayrıca, spam gönderimlerini azaltmak için Google reCAPTCHA kullanabilirsiniz.

Google reCAPTCHA’yı AMP formlarınızla kullanmak için sitenizi Google reCAPTCHA v3’e kaydettirmeniz ve Google API anahtarlarını almanız gerekir.

Git Google reCAPTCHA web sitesi ve sayfanın sağ üst köşesindeki ‘Yönetici Konsolu’ düğmesini tıklayın.

Bundan sonra, Google hesabınızla oturum açmanız gerekir. Tamamladığınızda, “Yeni bir siteye kaydol” sayfasını göreceksiniz.

Öncelikle, etiket alanına web sitesi adınızı girmeniz gerekir. Google AMP yalnızca reCAPTCHA v3’ü desteklediğinden, bunu reCAPTCHA türü seçeneklerinden seçmeniz gerekir.

Bundan sonra Alan Adları bölümünün altındaki alan adınızı girin.

Sahipler bölümü, e-posta adresinizi varsayılan olarak gösterir. İsterseniz başka bir e-posta da ekleyebilirsiniz.

Daha sonra, devam etmek için reCAPTCHA Hizmet Şartlarını kabul etmeniz gerekir. Ayrıca, Google’ın sitenizdeki yanlış yapılandırma ve şüpheli trafik gibi sorunlar hakkında sizi bilgilendirmesini sağlayacak owners Sahiplere uyarı gönder ’onay kutusunu seçin.

Tamamlandıktan sonra, Gönder düğmesine tıklayın.

Ardından, sitenize reCAPTCHA eklemek için site anahtarı ve gizli anahtarla birlikte bir başarı mesajı göreceksiniz.

Artık reCAPTCHA’yı formlarınıza eklemek için Google API anahtarlarına sahipsiniz. Bununla birlikte, AMP’nin reCATCHA ile uyumluluğunu sağlamak için bir ayar daha yapılması gerekir. Buradaki Settings Ayarlar’a Git ’bağlantısını tıklayın.

Ardından, AP Bu tuşun AMP sayfalarıyla çalışmasına izin ver ’onay kutusuyla reCAPTCHA ayarlarını tekrar göreceksiniz. Kutuyu işaretleyin ve aşağıdaki Kaydet düğmesine tıklayın.

Artık AMP formlarına reCAPTCHA eklemek için Google API anahtarınız olduğuna göre, açmanız gerekir. WPForms »Ayarlar» reCAPTCHA kontrol panelinizde sayfa açın.

Bu ekranda, reCAPTCHA v3 seçeneğini seçmeniz ve site anahtarını ve gizli anahtarı yapıştırmanız gerekir. Bundan sonra, Ayarları Kaydet düğmesine tıklayın.

Artık Google reCAPTCHA, WPForms’a eklendiğine göre, gerektiğinde formlarınızda etkinleştirebilirsiniz. Git WPForms »Tüm Formlar ve reCAPTCHA’yı etkinleştirmek istediğiniz formu seçin.

Form kurulum ekranı göründüğünde, Ayarlar sekmesine tıklayın ve Genel Ayarlar bölümünü seçin. Alt kısımda “Google v3 reCAPTCHA’yı etkinleştir” onay kutusunu görebilirsiniz.

Kutuyu işaretleyin ve sonra sağ üst köşedeki Kaydet düğmesine tıklayarak formunuzu kaydedin.

Bundan sonra, iletişim sayfanızı tekrar ziyaret edebilir ve rePAPTCHA’nın uygulandığı AMP formunu görebilirsiniz.

Umarız bu makale, WordPress’te kolayca AMP formları oluşturmanıza yardımcı olur. Ayrıca, WordPress’te GDPR uyumlu formların nasıl oluşturulacağı ile ilgili kılavuzumuzu da görmek isteyebilirsiniz.

Bu makaleyi beğendiyseniz lütfen listemize abone olun. YouTube Kanal WordPress video öğreticileri için. Ayrıca bizi bulabilirsin Twitter ve Facebook