WordPress Forms ile Webhooks Nasıl Kullanılır
Webhook nedir? WebHook, iki web uygulamasının birbiriyle iletişim kurmasına izin verir. Örneğin, birisi web sitenizde bir Satınalma Siparişi formu gönderirse, siparişin verildiği ürün ekibinizi güncellemek için verileri Slack kanalınıza gönderebilirsiniz. Bunu yeni potansiyel müşteriler veya müşteriler de aldığınızda yapabilirsiniz. Teknik açıdan, WebHook, kaynak sistemdeki olaylar tarafından tetiklenen ve hedef sisteme gönderilen kullanıcılar tarafından belirlenen bir geri HTTP çağrısıdır. Bu, web sitenizde bir olay veya tetikleyici oluştuğunda, bağlı hizmetlere otomatik mesajlar gönderildiği anlamına gelir. Tetikleyiciler blog yorumları, ürün satın alma kaydı ve gönderme formları şeklinde olabilir.
Neden bir webhook kullanmanız gerektiğini merak ediyorsanız, bazı avantajlardan bazıları:
Bilgileri otomatik olarak iki hizmet/uygulama arasında aktarın
Görevi otomatikleştirin ve yöneticinin zamanını kesin
Uygulamalardaki verileri işlemek için Zapier ve HubSpot gibi konektör hizmetlerini kullanma maliyetini azaltın. WebHook, teknolojiyi anlayan WordPress geliştiricileri ve kullanıcıları için çok yararlıdır. Bununla birlikte, WordPress’te bir webhook formunun nasıl oluşturulacağına dair bir adım -by -adım kılavuzuna başlayalım. WordPress’te bir WebHook Formu Oluşturma [Easy Metod] WordPress Formu Gönderiminizi diğer web uygulamalarına göndermek için WebHooks’u kullanmanın birçok yolu vardır.
Bu öğretici için WPForms kullanacağız, çünkü yeni başlayanlar da dahil olmak üzere herkesin kullanması kolay olan Addon Webhooks sunuyor. Kesinlikle kodlama yok.
WPForms, WordPress sitesi için en iyi form üreticisi eklentisidir. Bilmeniz gereken şey, her türlü WordPress formunu oluşturmanıza izin veren birçok şablon ve hazır formlar sunmasıdır. Bu, ürün siparişi, kayıt, sipariş vaatleri, basit iletişim formları ve daha fazlasını içerir. WPForms, şekil ayarını kolaylaştıran bir sürükleme ve gevşek form üreticisi ile birlikte gelir. E -posta, ödeme ve pazarlama uygulamalarına bağlanmak için kullanabileceğiniz birçok ek ve entegrasyona sahiptir.
Addon WebHooks ile WordPress’inizi herhangi bir hizmet veya uygulamaya kolayca bağlayabilirsiniz. İhtiyaç duyulan tek şey bu işlevi etkinleştirmek için birkaç tıklama. Buna ek olarak, WPForms, kullanıcı formu yanıtlarına göre Webhook eylemlerini tetiklemek için şartlı kurallar kullanmanıza olanak tanır. Yani sadece alan değeri karşılanırsa, webhook çalışır. Bu, hangi verileri göndermek istediğiniz ve hangi uygulama konusunda daha fazla kontrol sağlar. Birçok uygulama ve hizmete bağlanabilirsiniz. Bu öğretici için size Slack’e nasıl bağlanacağınızı göstereceğiz. Ancak unutmayın, uygulamaya ve diğer uç noktalara bağlanmak için aynı adımları da kullanabilirsiniz. Ekip üyelerinizi veya departmanlarınızı bir form gönderdiğinde, formu görmezden geldiğinde ve diğerlerini güncelleyebilirsiniz. Şimdi WordPress’ten WebHooks kullanarak diğer hizmetlere veri göndermek için iki uygulama arasında bir köprü oluşturmalısınız. Slack’e bağlanmak için bir Slack uygulaması oluşturmalısınız. Eğer bu konuda yeniyseniz, endişelenmeyin, oldukça kolaydır ve size adım adım rehberlik edeceğiz. İlk olarak, Slack API sayfasını açmalı ve bir uygulama oluştur düğmesini tıklamanız gerekir.
Bir sonraki Sembulan penceresinde, gevşeklik ile nasıl bir uygulama oluşturmak istediğinizi seçebilirsiniz. İki seçenek var:
Başlangıçtan beri
Uygulamadan tezahür.
Burada, sıfırdan bir gevşeklik uygulaması oluşturacağız. Çok fazla iş gibi geliyor ama gerçekten sadece birkaç tıklama gerektiriyor.
Ardından, uygulamanın adını ekleyebileceğiniz ve gevşek işyerinizi seçebileceğiniz Sembulan’ı göreceksiniz. Bittiğinde, uygulamayı oluştur’u tıklayın. Bu temel bilgi sayfasını açacaktır. Burada, Giriş WebHook seçeneğini tıklamanız gerekir.
Bir sonraki ekranda, gelen webhooks ayarlarını etkinleştirin. Bu, harici hizmetlerden Slack’e mesaj göndermenizi sağlar.
Etkinleştirildikten sonra, sayfadaki çalışma alanınız için WebHooks URL bölümünü göreceksiniz. Şimdi, WordPress formunuzdan bilgi almak için yeni bir webhook oluşturmanız gerekiyor. Bu nedenle, çalışma alanına yeni WebHook ekle düğmesine tıklayın.
Ardından, form gönderinizi göndermek için Slack kanalını seçebileceğiniz Sembulan’ı görebilirsiniz. Slack kanalını seçtikten sonra İzin Ver’i tıklayın.
Şimdi, Slack uygulamanız için yeni bir WebHook URL’sini görebilirsiniz.
Şimdi tek yapmanız gereken Webhook URL’sini kopyalamaktır. Birkaç adım sonra ihtiyacınız olacak.
Adım 2: WPForms yükleyin ve etkinleştirin Bir WebHook URL’si olduğunda, WordPress formunuza ekleyebilirsiniz. Başlamak için WPForms web sitesinde hesapları kaydedin. Eklentinin ücretsiz bir sürümü var, ancak WebHook gibi gelişmiş form özelliklerine erişmek için premium bir sürüme ihtiyacınız var. WPForms,% 100 risksiz para garantisi ile gelir, böylece bir taahhütte bulunmadan önce bu hizmeti deneyebilirsiniz. Kayıt olduktan sonra indirme sekmesinde bir indirme dosya eklentisi ve lisans kilidi bulacaksınız.
Şimdi, WordPress kontrol panelinizi açın ve eklentiyi yükleyin. Daha ayrıntılı olmak istiyorsanız, WordPress eklentilerinin nasıl yükleneceğine dair yönergelerimizi kontrol edebilirsiniz.
Sitenize WPForms yükledikten ve etkinleştirdikten sonra, tüm premium özelliklerinizin ve eklentilerinizin tadını çıkarmak için lisans kilitinizi girmelisiniz. Bir form oluşturmaya başlamadan önce Addon Webhooks’u yüklemeniz gerekir. Bunun için WPForms »eklentilerini açın ve WordPress işlevinizi genişletmenize yardımcı olan birçok eklenti bulacaksınız. Burada, Addon Webhooks için Instal Addon düğmesini tıklayın.
Şimdi, WordPress’te bir webhook formu oluşturmaya hazırsınız. Adım 3: Yeni bir form oluşturmak için bir webhook formu oluşturun, WPForms sayfasını açın »Daha önce oluşturulan şablon listesini göreceğiniz yere yeni ekleyin. Bu şablon daha önce formunuzun amacına göre ihtiyacınız olan alanla doldurulmuştu. Kütüphane şablonları şunları içerir:
Basit İletişim Formu
Teklif formu isteyin
Bağış formu
Faturalandırma/Sipariş Formu
Anket formu
Öneri formu
…ve daha fazlası! Bu öğretici için, önceki adımda kullanıcı geri bildirimi için bir Slack uygulaması oluşturduğumuz için tavsiye formu şablonunu seçeceğiz. İhtiyaçlarınıza en uygun olanı seçmekten çekinmeyin. Tek yapmanız gereken sayfanın üstünde form adınızı vermek. Ardından, ihtiyaçlarınıza bağlı olarak herhangi bir şablon seçin veya baştan başlamak için boş bir şablon seçebilirsiniz.
Şablonu seçtikten sonra, bir sonraki pencerede sürükleme ve gevşek formun üreticisini göreceksiniz. Daha fazla alan eklemek istiyorsanız, sol menüden forma kadar yeni alanları oldukça sürükleyin ve kapatın.
WPForms, düzenlemek için herhangi bir alanı tıklayabilmeniz için birçok ayar seçeneği sunar. Bu, alanın adını, açıklamayı ve diğer ayarları değiştirmenizi sağlar. Alan alanınızı eklemeyi bitirdikten sonra Kaydet düğmesini tıklayın. Bir sonraki adımda, bu form için bir webhook hazırlayacağınızı ve Slack uygulamanızı nasıl bağlayacağını öğreneceğiz. Adım 4: Webhook’un formunuzda çalışması için bir webhook hazırlayın, Ayarlar sekmesine gitmeniz »WebHooks ve WebHook’ları etkinleştirme seçeneğini tıklamanız gerekir.
Slack entegrasyonunuzu hazırlamak için düzenleyebileceğiniz yeni webhook oluşturulacak. İlk olarak, webhook’un adını değiştirebilirsiniz. Bu, daha sonra tanımanıza yardımcı olacaktır.
Şimdi 1. adımda Slack uygulamanızdan kopyaladığınız WebHook URL’sini hatırlıyor musunuz? İstek URL seçeneğine buraya koymanız gerekir. Bu, WordPress formunuzu Slack gibi diğer hizmetlere bağlamanıza olanak tanır.
Bundan sonra, webhook’unuzu hazırlamak için çeşitli ayarlar göreceksiniz. Her biri ne yapıldığını ve bu alana neyin ekleneceğini tartışacağız.
İstek yöntemi: Bu, bağlı hizmetinizle yapmak istediğiniz bağlantı türünü seçmenizi sağlar. Yapmak istediğiniz bağlantı türüne göre kullanabileceğiniz birçok HTTP yöntemi türü vardır:
GET: Bu, gönderilen formdan veri alır ve ayrıntıları bağlı uygulamaya gönderir.
Gönderi: Bu, ikincil hizmetlere veri gönderecektir. HTTP Post talebini kullanacağız çünkü formunuzdan gevşek kanalınıza veri göndermemiz gerekiyor.
Put: Bu, webhook’unuz çalıştığında verileri güncellemenizi sağlar.
Patch: Bu, webhook’unuz çalıştığında veri değiştirmenizi sağlar. Sil: Bu, bu özel webhook çalıştığında bilgi silmenizi sağlar.
İstek Biçimi: Bu seçenek, gönderdiğiniz içeriğin içeriğinin sunucusunu gösterecektir. Bu biraz teknik ama temelde, iki tür talep formatı vardır:
JSON: Verilerinizi uygulama formatında/json’da biçimlendirin ve içerik türünü charset = UTF-8 olarak ayarlayacaktır.
Form: Verilerinizi uygulama formatında/x-www-form-urlencoded’de biçimlendirin ve içerik türünü charset = UTF-8 olarak ayarlayacaktır.
Gizli: Bir geliştiriciyseniz ve kimlik doğrulama için kendi ateşinizi entegre etmek istiyorsanız, gizli bir anahtar kullanabilirsiniz. Ancak öğreticimiz için bu seçeneğe ihtiyacımız yok, bu yüzden boş bırakıyoruz.
İstek başlığı: Bu, istek uygulamaya gönderildiğinde belirli bir değer gönderir. Webhook çalıştığında, alan otomatik olarak yapılacaktır. Bu alanın da boşaltılmasına izin vereceğiz.
İstek: Bu seçenek için, mesaj türünü ayarlamanız ve mesaj göndermek için bir alan seçmeniz gerekir. Kullanıcılar metin biçiminde tavsiye gireceğinden, anahtarı metne ayarlayacağız. Ardından, kullanıcının mesajlarını gireceği alanı seçin.
WEbook istek ayarlarını bitirdikten sonra Kaydet düğmesini tıklayın. Adım 5: Bir sonraki form bildirimini hazırlayın, WordPress formu için bir e -posta bildirimi ayarlayabilirsiniz. Bu, formu gönderdikten sonra yöneticiye, herhangi bir ekip üyesine ve müşteri/kullanıcıya otomatik bir e -posta göndermenizi sağlar. Bu e -postanın iş akışını ayarlamak için Ayarlar sekmesini aç »bildirimini, varsayılan ayarları görmek için bildirimi etkinleştirme seçeneğini kontrol edin. Burada, bildirim ayarlarını ayarlayabilir ve alıcının e -posta adresini ekleyebilirsiniz. Bunu ayarlamak için sayfanın sağ üst köşesindeki yeni bildirim düğmesini tıklayın. Ardından, akıllı etiketleri görüntülemek ve e -posta seçmek için seçeneği kullanmanız gerekir. Bu etiketle, WPForms kullanıcı tarafından girilen e -posta adresini otomatik olarak formda algılar.
E -posta mesajı bölümünde, özel bir mesaj ekleyebilir ve kullanıcı tarafından girilen tüm form verilerini görüntülemek için bir akıllı etiket {all_fields} kullanabilirsiniz.
Ayarlarınızı sonunda kaydetmeyi unutmayın. Adım 6: Kullanıcı formu başarıyla gönderdikten sonra Sitenizin önünde bir onay mesajı görüntülemenize olanak tanır. Ayarlar sekmesinde »Onay, onay ayarlarını göreceksiniz. Varsayılan olarak, onay türü ‘mesaj’ olarak ayarlanmıştır, ancak bu menüde 3 seçenek vardır:
Mesaj: Müşteri siparişlerini gönderdikten sonra ön uçta görüntülenen bir onay mesajı ekleyin.
Sayfaları göster: Kullanıcınızı sitenizdeki herhangi bir sayfaya tekrarlayın.
URL’ye gidin (yönlendirme): Kullanıcıları belirli bir URL’ye gönderme. Bu konuda daha fazla bilgi edinmek için, form bildirimini nasıl ayarlayacağınız ve doğru şekilde onaylayacağınıza dair yönergelerimizi kontrol edebilirsiniz. Ayarları bitirdikten sonra Kaydet düğmesini tıklayın. Ayrıca burada WPForms, sabit kişiler ve MailChimp gibi seçeneğinizle entegre olmanıza izin verdiğinden bahsetmeliyiz. Buna yalnızca pazarlama sekmesi altında erişmeniz ve e -posta hesabınızı bağlamak için ekrandaki talimatları izlemeniz gerekir. Çoğu durumda, bir e -posta sağlayıcısıyla yapabileceğiniz bir yangın anahtarı sağlamalısınız.
Çevrimiçi formu ödeme ağ geçidine bağlamak istiyorsanız, buradan öğrenebilirsiniz: Şimdi yapmanız gereken bir çevrimiçi rezervasyon formu nasıl oluşturulur WebHook formunuzu WordPress sitenizde yayınlamaktır. Adım 7: Sitenizde WebHooks Formları Yayınlayın Harici hizmetlere form göndermeye başlamak için önce bir webhook formu yayınlamanız gerekir. Bir WPForms özel bloğu ile formunuzu WordPress sitenizdeki herhangi bir sayfaya veya herhangi bir yayına ekleyebilirsiniz. Bu öğretici için, sitemizdeki yeni bir sayfaya formlar ekleyeceğiz. Bu yüzden sayfaya gidin »WP yönetici panelinize yeni bir sekme ekleyin. Block Editor ekranında yeni bir blok ekleyin ve ‘WPForms’ arayın.
WPForms bloğunu sayfanıza eklediğinizde, yeni oluşturduğunuz Webhook formunu seçmenizi sağlayan bir gerilme menüsü göreceksiniz.
Ardından, sayfalarınızı sitenizde yayınlayabilirsiniz.
Klasik bir WordPress düzenleyicisi kullanıyorsanız, editördeki form düğmesini kullanarak bir form ekleyebilirsiniz. Webhook formunuzu altbilgi veya kenar çubuğu gibi widget için hazır bir alana bile ekleyebilirsiniz. Bunu yapmak için görünüm sekmesini açın »widget’larını açın ve WPForms Widget’ı sağdaki kenar menüsüne veya altbilgiye sürükleyin ve bırakın. Ardından, Isıtılan Menüden Oluşturduğunuz Formu seçebilir ve değişikliklerinizi kaydedebilirsiniz.
Şimdi webhook formunuz sitenizde yayınlandı. Kullanıcı bir form doldurduğunda ve gönderdiğinde, web sitenizden gevşek bir bildirim alırsınız. Bunun gibi, WebHook URL’lerini kullanarak çeşitli uygulamalara bağlanmak için WPForms kullanabilirsiniz. Almak istediğiniz ve diğer uygulamalara göndermek istediğiniz veriler üzerinde tam kontrol edinirsiniz. Sadece bu! Bu yazının WordPress formunuzda WebHooks’u nasıl kullanacağınızı öğrenmenize yardımcı olur. WPForms ile webhook formları oluşturabilir ve üçüncü taraf hizmetlerine kolayca bağlanabilirsiniz. Sipariş formları, sipariş formları, kayıt formları ve daha fazlası gibi diğer profesyonel WordPress formlarını oluşturmak için de kullanabilirsiniz. Bir sonraki adım için aşağıdaki kaynakları kontrol edebilirsiniz:
WordPress Formuna ‘Kaydet ve Devam’ seçeneği nasıl eklenir
Formların ihmalini nasıl azaltılır ve dönüşümü artırır
WordPress için E -posta Yakalama Ekipmanı ve En İyi Form Maker
Bu yazı bir kaydetme işlevi eklemenize ve daha sonra WordPress formunuza devam etmenize ve formun ihmal seviyesini azaltmanıza yardımcı olacaktır. İkincisi, e -posta pazarlama listenizi geliştirmenize yardımcı olacaktır.
