WordPress sitenizi bir potansiyel müşteri ile değiştirin
Fantastik web siteniz WordPress’te çalışıyor ve CRM Seçiminiz Salesforce, ancak her iki uygulamanın birlikte iyi çalışmasını sağlayamazsınız. Artık endişelenmeyin, bu günlük ipucunda size WordPress ve Salesforce’u nasıl entegre edeceğinizi göstereceğiz ve web sitenizi potansiyel müşteri üreten bir makineye dönüştüreceğiz! Not Başlamadan önce: Salesforce’dan Web-Baş özelliğini kullanacağız, bu da Grup Edition platformlarını veya daha yüksek bir şekilde kullanmanızı gerektirir. WordPress’i neden Salesforce ile entegre edelim? Potansiyel müşterileri ve potansiyel müşterileri izlemek için CRM kullanmanın faydaları çok fazla – bu makaleye dahil edilemeyecek kadar çok, ancak iş satışlarını izleyen ve analiz eden işletmelerin olmayan işletmelerden çok daha iyi olduğunu söylemek güvenlidir.
Orada iki platformu ve hatta Salesforce tarafındaki bazı uygulamaları birbirine bağlayan birkaç eklenti var, ancak genellikle çok yüksek bir fiyata satılan premium bir teklif. Etkili bir şekilde, bu onları E-Niaga sitesine yeni başlayan insanların ulaşamayacağı ertelemeye yerleştirir. WordPress fantastik bir web platformudur ve ön uç satış sürecinizin çoğu için kullanılabilir. WordPress en pürüzsüz CRM olmadığından, müşterinizin verileri tamamen yok sayılır veya yalnızca Salesforce’da (sonra yok sayılır) saklanır. Bu yüzden Salesforce, web’den öğrenme formlarını bizim için kullanılabilir hale getiriyor.
Web-To Looks Salesforce hesap satışlarınız, blogunuzun güçlendirilmiş WordPress’teki Web-Leads adlı bir özellik içerir. Bir Web-Öğrenme Formu Oluşturma Salesforce hesabınızı girin ve kurulum menüsünü arayın. Sitenin sağ üst köşesinde adınız olan Çekme menüsünde yer alacaktır. Salesforce Ayarları menüsü, sol kenar çubuğu yönetici panelinde, uygulamanın sağ üst kısmında adınızın altında bulunur, “Özelleştirme seçeneği” altında kurulum uygulaması “Beklentileri seç” sonra ** Web-to-LEAD. **
Web-Salesforce formunuzu ayarlanmış uygulama ayarlarında etkinleştirin. Web sitenizde kullanılmak üzere yeni bir form oluşturmak için “Web-Look Form Oluştur” u tıklayın. Soldaki kutuda kullanılabilecek tüm alanları göreceksiniz. Sağdaki kutu, gerçek form için seçtiğiniz alanı gösterir. Kutunun altında URL’ye girmek için odayı göreceksiniz. Bu, kullanıcıyı sitenizdeki formu doldurduktan sonra yönlendireceğiniz sayfadır. Bu zorunlu değildir, ancak kullanıcıları sayfaya formun başarıyla gönderildiğini ve bilgilerini aldığınızı söyleyen sayfaya getirmek için iyi bir dokunuştur. Tabii ki, bu, sitenizde çalışan sayfalara sahip olmanızı gerektirir. Alandan memnun olduğunuzda ve aktarım URL’sini doldurduğunuzda, “Üret” düğmesini tıklayın. Web-Head Salesforce form kodunu kopyalamak otomatik olarak Web-öğrenme formları üretmek için gereken HTML kodunu yapar. Penceredeki kodu vurgulayın, kopyalayın ve formun görünmesini istediğiniz WordPress gönderisini veya sayfasını ziyaret edin. WordPress’teki web-baş formunu düzenleme kodu Salesforce’dan alın ve yayın düzenleyiciniz veya sayfanızdaki HTML kod alanına yapıştırın. WP 3.5’te, gönderi / sayfanın editör alanına “metin” denir ve sekme düzenleme alanının sağ üst kısmında bulunabilir. Bu, WordPress tarafından tanımlanan karakter kümelerinin bir dizi yorum ve tanımlarıdır. Bu nedenle, her şeyi daha önce silebilirsiniz (ancak dahil edilmez) şu satır: {kod type = php} Ayrıca, yorumlanan kısmı silmek istiyorsunuz, ki bu şöyle görünüyor: {Code Type = PHP} Bu, geliştiricilerin hata ayıklama formuna yardımcı olacak isteğe bağlı bir koddur, ancak burada ihtiyacımız yok. Geri kalan WordPress sayfasındaki Web-Baş formuna bakın HTML’deki Net Form Kodudur. Sayfayı düzenlemeyi bitirdikten sonra yayınlayabilir ve görebilirsiniz.
Stil giriş kutusu formu olmayan web’den başa form, form etiketimizin sağına sağa yerleştirilir. Bu alan sütunlarının her ikisi de birbirine çok yakındır, bu nedenle formlarımızı göze daha hoş hale getirmek için bazı CSS değişiklikleri yapacağız. Ancak ilk olarak, web’den öğrenme form koduna, düzenlemeyi kolaylaştıracak ve burada yaptığımız değişikliklerin sitemizde olabilecek diğer formları etkilememesini sağlayacak birkaç sınıf eklememiz gerekiyor. Word-to Salesforce form koduna WordPress sayfası html sekmenize geri ders ekleyin. Bu form öğesine birkaç sınıf ekleyeceğiz. Form kodunun ilk satırını bulun. Şöyle görünmelidir: {kod type = php} <form = "https://www.salesforce.com/server.webtolead?encoding=utf-8" yöntem = "post" word iD = "sfwtlform" kelimesini hemen hemen "Form" kelimesi. Düzenlediğiniz satır aşağıdaki gibi olmalıdır: {kod type = php} <form = "https://www.salesforce.com/server.webtolead form kodunun son satırını, form için kapanış satırından önce. Form düğmesini yapan kod budur. {Kod type = php} Bu koda da kimlik ekleyeceğiz: id = "sfwtlbutton". Bu, düğme stilini diğer giriş formlarından ayrı olarak ayarlamamıza izin verecektir. Düzenlenen kod satırları şöyle görünecektir: {kod type = php} değişikliklerinizi kaydedin ve sayfayı yeniden yayınlayın. Bu, ön uç formunuzun ekranını değiştirmez … henüz değil. Yakında birkaç CSS ile yapacağız.
Kodu ekleme hakkında not: Bazen kodu tarayıcıdan düzenleyiciye kopyalayıp eklediğinizde, çift tırnak işareti doğrudan kıvırcık bir tırnak işareti olarak kopyalanır. Bu hatalara neden olur, bu nedenle bu makaleden kopyalamak ve yapıştırmak yerine doğrudan form koduna ID = "SFWTLFORT" yazmanızı öneririz. <Formation = "https://www.salesforce.com/servert/server.webtolead Bu web-to-öğrenme formu sitenizin görünümü ve hissi ile daha uygundur. Bunu yapmak için style.css dosyasını düzenleyeceğiz. Örneğimde, WordPress 3.5'te yirmi on iki tema kurulumunu kullanıyorum. Stil sayfası tema dizininde bulunur. Dosyanızın aynı yerde olması muhtemeldir ve yol şöyle görünecektir: http://yoursite.com/wp-content/themes/yourthemename/style.cssanda özel bir kod düzenleyicisi kullanmalı veya tema dosyalarını düzenlemeli Editör Kodu WordPress (önerilmez). Dosya açıldıktan sonra, dosyanın alt kısmında yeni bir bölüm oluşturabilir ve aşağıdaki kodu girebilirsiniz: {Code Type = php} / * Stil düzenlemesini yönetmek için Web Satış Personeli * / #Sfwtlform etiketi {genişlik: 150px; Ekran: satır içi blok;} #sfwtlform giriş {geniş: 200px;} #sfwtlif #sfwtlbutton {geniş: 100px;} Endişelenmeyin, sizin için satırı sıraya göre böleceğiz. İlk kod satırı bir yorumdur. Aslında gerekli değildir, ancak bu, kodumuzu düzenli olarak tutmaya yardımcı olur: {kod type = php} / * Web satış personeli stil stiline liderlik etmek için * / İkinci sıra, tarayıcımıza formu ID = sfwtlform ve sadece bu formla hedeflemesini söyler. {type code = php} #sfwtlif etiketi {genişlik: 150px; Ekran: Sline-Block;} Burada yaptığımız stilin yalnızca bu form için geçerli olmasını ve e-posta bülten formları gibi sitenizde zaten olabilecek başka formların olmamasını sağlayacaktır. Burada, etiketi 150 piksel genişlik ayarlarına da izin veren bir satır içi blok öğesi olarak görüntülenecek şekilde ayarladık. Bize gösterildiği gibi etiket ve giriş düzlemi arasında adil bir ayrım sağlar. Özellikle alan alanını ayırmaya yardımcı olabilir, bu da okumayı kolaylaştırır ve üçüncü sıra doldurulur, tarayıcıya giriş düzleminin genişliğe sahip olması gerektiğini söyler. {Kod type = php} #sfwtlform giriş {geniş: 200px;} Bu, ziyaretçilerimize bilgilerlerini girmek için biraz daha fazla alan sağlar. Dördüncü ve son satır, tarayıcıya Gönder düğmesini yalnızca 100 piksel kadar geniş yapmasını söyler. {Kod type = php} #sfwtlifform #sfwtlbutton {geniş: 100px;} Gönder düğmesi de bir giriş düğmesidir, bu nedenle bu satır olmadan, formun altındaki gönderme düğmesi Giriş metni sütunu boyunca olacaktır, bu da görünecek korkunç. Bitmiş ürün her şey bittikten sonra, bitmiş ürün şöyle görünecektir:
Kullanıcılarınız tarafından çok daha temiz ve okunması ve doldurulması daha kolay hale getirilmiş formlarla yapılan özel CSS değişiklikleriyle biten formlar. Etiket düzgün bir şekilde dizilmiş ve üniform giriş düzleminden önceki boşluk. Giriş düzleminin tek tip bir uzunluğu vardır, kullanıcılara endişelenmeden daha uzun bir metin çizgisi eklemeleri için daha fazla alan sağlar. Tabii ki, pikselin genişliğini ve hatta rengi değiştirebilirsiniz, bu formun bu formu sitenizin tasarımına daha uygun olacak. Salesforce’daki yeni potansiyel müşteriniz Ziyaretçiler web-öğrenme formunu doldurduğunda, bilgiler otomatik olarak Salesforce başvurunuza gönderilecek ve potansiyel müşteriler bölümüne yerleştirilecektir. Bu, potansiyel müşterilerinizi WordPress’i CMS olarak kullanmaya çalışırken üyeleri/kullanıcıları aramaktan çok daha kolay hale getirir. Lüks eklentiler ve sadece birkaç özel kod satırı olmadan Salesforce CRM özetinden gösterge panosundaki kişiler, entegre olan formlar eklediniz. WordPress siteleri CRM Salesforce’unuzla birliktesiniz. Şimdi, yapılacak olan şey oturmak ve birikme beklentilerini görmek!
