Şu an okuyorsunuz: WordPress’te AMP formları nasıl oluşturulur (kolay yol)
WordPress sitenizde AMP uyumlu formlar oluşturmak ister misiniz?
Hızlandırılmış Mobil Sayfalar veya AMP, Google’ın web sayfalarının mobil cihazlarda daha hızlı yüklenmesine yardımcı olan bir projesidir.
AMP, web sayfalarınızın daha hızlı yüklenmesini sağlayarak harika bir mobil tarama deneyimi sağlarken, sitenizdeki birçok kullanışlı özelliği devre dışı bırakır.
Bunlardan biri iletişim formudur. AMP, sınırlı sayıda HTML ve JavaScript kullandığından, WordPress formlarınızı AMP sayfalarına doğru şekilde yükleyemeyebilirsiniz.
Ama neyse ki, artık kolay bir çözüm mevcut. Bugün mevcut olan en acemi dostu WordPress form eklentisi olan WPForms, AMP’ye hazır WordPress formları oluşturmanıza yardımcı olur. Ekibi kısa süre önce WordPress için AMP formlarını kolaylaştırmak için Google ile çalıştı.
Bu yazıda, WPForms (kolay yol) kullanarak WordPress’te AMP formlarının nasıl oluşturulacağını göstereceğiz.
WordPress’te AMP formları oluşturun (adım adım)
AMP’yi WordPress ile kullanmak için resmi AMP for WordPress eklentisini yüklemeli ve etkinleştirmelisiniz. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.
Eklenti etkinleştirildiğinde, WordPress sitenize otomatik olarak Google AMP desteği ekleyecektir.
Ancak, şuraya giderek sitenizin AMP ayarlarını değiştirebilirsiniz: AMP » Genel kontrol panelinizden.
AMP ayarları sayfasından sitenizde AMP’yi etkinleştirebilir veya devre dışı bırakabilir, AMP için bir site modu seçebilir ve desteklenen şablonları seçebilirsiniz.
AMP’yi kurduktan sonraki adım, WordPress sitenizde AMP uyumlu bir iletişim formu oluşturmaktır.
1’i geçti. WPForms ile bir WordPress formu oluşturun
Başlamak için WPForms Lite eklentisini web sitenize kurun ve etkinleştirin. Bu, WPForms Pro eklentisinin soyulmuş bir sürümüdür.
WPForms’un hem sadeleştirilmiş hem de profesyonel sürümleri, AMP’ye hazır bir temel iletişim formu oluşturmanıza olanak tanır. Yazımızda ekran görüntüleri için ücretsiz sürümü kullanacağız.
Eklenti yüklenip etkinleştirildikten sonra ziyaret etmelisiniz. WPForms »Yeni Ekle Yeni bir WordPress formu oluşturmak için sayfa.
Form ayarları ekranında, hızlı bir şekilde başlamak için bir form şablonu seçebilirsiniz. Sıfırdan başlamak istiyorsanız boş bir şablon seçebilirsiniz.
Ardından, form oluşturucu sayfası açılacaktır.
Buradan form alanları ekleyebilir veya kaldırabilirsiniz. Formunuza yeni bir alan eklemek için, sol bölmeden form alanına tıklamanız yeterlidir; sağdaki form oluşturucu panelinde görünecektir.
Daha sonra alan seçeneklerini yapılandırabilirsiniz. Sadece bir alana tıklayın ve ardından Alan Seçenekleri görünecektir.
Benzer şekilde, diğer tüm alanları özelleştirebilirsiniz.
Ardından, form ayarlarınızı yapılandırmak için Ayarlar sekmesine tıklayabilirsiniz.
Genel ayarlar, formunuzun adını değiştirmenize, düğme metni göndermenize, düğme tanıtıcı metni göndermenize, Honeypot spam korumasını etkinleştirmenize ve daha pek çok şeye olanak tanır.
Ardından, bir kullanıcı bir formu doldurduğunda sizi bilgilendiren bir e-posta bildirimi ayarlamak için Bildirimler sekmesini tıklayabilirsiniz.
Ardından, kullanıcı formu gönderdiğinde görüntülenecek bir onay mesajı ayarlamak için Onay sekmesine tıklayabilirsiniz.
Kurulduktan sonra formunuzu kaydedebilirsiniz.
2’yi geçti. AMP şablonunuzu bir sayfaya ekleyin
Artık WordPress formunuz hazır olduğuna göre bir sayfaya ekleyebilirsiniz.
Önce 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.
Ardından, sayfanızın düzenleme ekranına eklenen WPForms widget’ını görebilirsiniz. Sadece daha önce oluşturduğunuz formu seçmeniz yeterlidir ve widget hemen sayfa düzenleyiciye yükleyecektir.
Daha sonra sayfanızı yayınlayabilir veya güncelleyebilirsiniz.
Hepsi bu! Başka bir şey yapılandırmanıza gerek yok. WPForms Lite eklentisi, şimdi formlarınıza tam AMP desteği ekleyecektir.
Nasıl göründüğünü görmek isterseniz sayfayı cep telefonunuzdan açabilirsiniz.
Veya /amp/ veya /? ekleyerek sayfayı masaüstü tarayıcınızda açabilirsiniz. Sayfa URL’nizin sonuna Amper. Örnek: https://www.example.com/contact/?amp.
AMP formunuza Google reCAPTCHA ekleyin
Varsayılan olarak, WPForms istenmeyen postaları yakalamak ve engellemek için bir istenmeyen posta önleme bal küpü içerir. Alternatif olarak, spam göndermeyi azaltmak için Google reCAPTCHA’yı kullanabilirsiniz.
Google reCAPTCHA’yı AMP formlarınızla kullanmak için sitenizi Google reCAPTCHA v3’e kaydettirmeli ve Google API anahtarlarını almalısınız.
Google reCAPTCHA web sitesini ziyaret edin ve sayfanın sağ üst köşesindeki “Yönetici Paneli” düğmesini tıklayın.
Ardından Google hesabınızla oturum açmanız gerekir. Bu yapıldıktan sonra, “Yeni bir site kaydet” sayfasını göreceksiniz.
Öncelikle Etiket alanına web sitenizin adını girmelisiniz. Google AMP yalnızca reCAPTCHA v3’ü destekler, bu nedenle onu reCAPTCHA türü seçeneklerinden seçmeniz gerekir.
Ardından Alan Adı bölümüne alan adınızı girin.
Sahipler bölümü, varsayılan olarak e-posta adreslerini gösterir. İsterseniz başka bir e-posta da ekleyebilirsiniz.
Devam etmek için reCAPTCHA Hizmet Şartlarını kabul etmeniz gerekir. Ayrıca, Google’ın sitenizdeki yanlış ayarlar ve şüpheli trafik gibi sorunları size bildirmesine olanak tanıyan “Sahip bildirimi gönder” onay kutusunu seçin.
Bittiğinde, Gönder düğmesini tıklayın.
Ardından sitenize reCAPTCHA eklemek için site anahtarı ve gizli anahtarla birlikte bir başarı mesajı göreceksiniz.
Artık formunuza reCAPTCHA eklemek için Google API anahtarlarına sahipsiniz. Ancak, reCATCHA ile AMP uyumluluğunu sağlamak için bir ayar daha gereklidir. Oradaki “Ayarlara git” bağlantısını tıklayın.
Ardından, “Bu anahtarın AMP sayfalarıyla çalışmasına izin ver” onay kutusuyla yeniden reCAPTCHA ayarını göreceksiniz. Sadece kutuyu işaretleyin ve aşağıdaki Kaydet düğmesini tıklayın.
Artık AMP formlarına reCAPTCHA eklemek için Google API anahtarlarına sahip olduğunuza göre, WPForms » Yapılandırma » reCAPTCHA WordPress kontrol panelinizdeki sayfa.
Bu ekranda reCAPTCHA v3 seçeneğini seçip site anahtarını ve gizli anahtarı yapıştırmanız gerekiyor. Ardından Ayarları Kaydet düğmesini tıklayın.
Artık Google reCAPTCHA, WPForms’a eklendiğine göre, gerektiğinde formlarınızda etkinleştirebilirsiniz. Gitmek WPForms »Tüm Formlar ve reCAPTCHA’yı etkinleştirmek istediğiniz formu seçin.
Form ayarları ekranı göründüğünde, Ayarlar sekmesine tıklayın ve Genel bölümünü seçin. En altta Google v3 reCAPTCHA’yı etkinleştir onay kutusunu görebilirsiniz.
Kutuyu işaretleyin ve ardından sağ üst köşedeki Kaydet düğmesine tıklayarak formunuzu kaydedin.
Daha sonra iletişim sayfalarını tekrar ziyaret edebilir ve reCAPTCHA ile AMP formunu çalışırken görebilirsiniz.
Bu makalenin, WordPress’te kolayca AMP formları oluşturmayı öğrenmenize yardımcı olduğunu umuyoruz. WordPress’te GDPR uyumlu formların nasıl oluşturulacağına ilişkin kılavuzumuza da göz atabilirsiniz.
Bu makaleyi beğendiyseniz, kanalımıza abone olun YouTube WordPress video eğitimlerini izlemek için. Ayrıca bizi şurada da bulabilirsiniz: Twitter ve Facebook