Web siteniz için Kod Bloğu Widget'ı

Kod örneklerini, ziyaretçilerin okuyup kopyalayabileceği şık ve yerleştirilebilir bir blokta gösterin. Kod parçacıkları ekleyin, diller seçin, sekmeli ve yığılı düzenler arasında geçiş yapın, kod penceresini tasarlayın ve Jotform Kod Bloğu widget'ınızı herhangi bir web sitesinde kodlama gerekmeden yayınlayın.

Kod Bloğu widget'ı nasıl oluşturulur

Add your code examples

Kod örneklerinizi ekleyin

Kurulum komutları, API istekleri, yanıt örnekleri, CSS yardımcıları ya da öğretici kod gibi gerçek dokümantasyon ihtiyaçları için kod blokları oluşturun. Her örnek için bir başlık ekleyin, dili seçin ve kodu yapıştırın.

Choose how snippets display

Kod bloklarının nasıl görüntüleneceğini seçin

Okuyucuların ilgili örnekler arasında geçiş yapması gerektiğinde sekmeleri, adım adım öğreticiler için liste düzenini kullanın. Bir kod teması, pencere stili, satır numaraları, kopyalama etiketleri, genişlik, boşluk ve köşe yuvarlaklığı seçin.

Embed it on your site

Sitenize yerleştirin

Widget'ı ön izleyin, yerleştirme kodunu kopyalayın ve kod örneklerinizi ziyaretçilerin uygulama ayrıntılarına ihtiyaç duyduğu dokümanlara, yardım merkezlerine, API sayfalarına, ürün öğreticilerine ya da kurulum kılavuzlarına yerleştirin.

Taraması ve kopyalaması kolay kod örnekleri paylaşın

Birden fazla kod bloğu ekleyin

Kurulum komutları, API istekleri, JSON yanıtları, CSS yardımcıları ya da öğretici kod gibi ilgili örnekleri tek bir widget'ta gruplandırın. Okuyucuların her kod parçacığının ne işe yaradığını bilmesi için dosya tarzı başlıklar, dil etiketleri ve düzenlenebilir kod blokları ekleyin.

Add multiple snippets

Alışık olduğunuz kod temalarından birini seçin

Teknik örneklerin dokümanlarda, yardım merkezlerinde ve ürün sayfalarında doğal görünmesini sağlayın. Midnight Glass, Nord, VS 2015, Zenburn, Railscast, Solarized Light ya da Tomorrow gibi yerleşik temalarla başlayın, ardından sitenize uyacak şekilde ana renkleri ayarlayın.

Choose familiar code themes

Ziyaretçilerin kodu hızlıca kopyalamasına yardımcı olun

Ziyaretçilerin metni elle seçmeden tam olarak ihtiyaç duydukları kod parçacığını kopyalamasını sağlayın. Kurulum komutlarını ve kod örneklerini takip etmeyi ve yeniden kullanmayı kolaylaştırmak için kopyalama butonları, kopyalandı durumu etiketleri, satır numaraları ve pencere çerçevesi ekleyin.

Help visitors copy code quickly

Düzeni ve yerleştirme davranışını kontrol edin

Kompakt dokümantasyon için sekmeleri, adım adım öğreticiler için liste modunu kullanın. Widget'ın sayfa düzeninize uyması için otomatik ya da özel genişlik, boşluk, gölge, marka görünürlüğü, masaüstü/mobil gösterim ve kapsamlı CSS ayarlarını yapın.

Control layout and embed behavior

Kod Bloğu, WordPress platformuna nasıl yerleştirilir

1Yerleştirme kodunuzu alın

Jotform web sitesi widget'ınızı özelleştirdikten sonra "Web sitenizde ücretsiz olarak deneyin" seçeneğine tıklayın. Ardından oluşturulan yerleştirme kodunu kopyalayın.

2Sayfa düzenleyicisini açın

Widget'ı göstermek istediğiniz WordPress yazısına veya sayfasına gidin, ardından yeni bir blok ekleyin.

3Özel HTML bloğu ekleyin

Özel HTML'yi seçin ve Jotform web sitesi widget'ınızın yerleştirme kodunu HTML alanına yapıştırın.

4Güncelleyin ve görüntüleyin

Güncelle veya Yayınla'ya tıklayın, ardından yerleştirdiğiniz widget'ı kontrol etmek için sayfayı açın.

Jotform Web Site Widget'ları neden öne çıkıyor

Jotform'un widget'ları web sitenizi daha etkileşimli hale getirir ve dönüşümleri artırır. Yıldızlı değerlendirmelerden ve kullanıcı görüşü slider'larından sosyal kanıt açılır pencerelerine ve medya yerleştirmelerine kadar birçok araç mevcut. Veri toplamak, kanıt göstermek ve müşteri adayı yakalamak için formlarınıza veya açılış sayfalarınıza widget'lar ekleyin; kod yazmaya gerek yok.

Widget'ları kodlama olmadan yerleştirin

Basit bir yerleştirme koduyla Jotform widget'larını web sitenize ekleyin. Bir geliştiriciye ihtiyaç duymadan widget'ı özelleştirin, nasıl göründüğünü önizleyin ve özel HTML ya da yerleştirme bloklarını destekleyen herhangi bir sayfaya yapıştırın.

Daha etkileşimli sayfalar oluşturun

Müşteri adaylarını toplamak, müşteri geribildirimlerini göstermek, sosyal kanıt sunmak, medya yerleştirmek veya faydalı web sayfası araçları eklemek için Jotform Website Widget'larını kullanın. Her widget, ziyaretçilerin işletmenizle doğrudan web sitenizden etkileşime geçmesine yardımcı olur.

İhtiyaç duyduğunuzda destek alın

Widget'ınızı kurma, özelleştirme, yerleştirme veya sorun giderme konusunda yardıma ihtiyacınız olursa, Jotform'un müşteri destek ekibi 7/24 hizmetinizdedir. İhtiyacınız olduğunda yardımın hazır olduğunu bilerek güvenle ilerleyebilirsiniz.

Kod Bloğu widget'ınızı nerelerde kullanabilirsiniz

Ziyaretçilerin sayfadan ayrılmadan uygulama örneklerine ihtiyaç duyduğu her yere widget'ı ekleyin.

Yükleme komutları, API istekleri, yanıt örnekleri ve yapılandırma kod parçacıklarına ihtiyaç duyan geliştirici belgelerinde.

HTML, CSS, JavaScript, SQL, shell veya JSON örnekleriyle kurulum adımlarını açıklayan ürün eğitimlerinde.

Yerleştirme talimatları, webhook verileri, şablon kod blokları veya sorun giderme komutları gösteren yardım merkezlerinde.

Özellik açıklamalarının veya entegrasyon ayrıntılarının yanında kısa teknik örneklere ihtiyaç duyan SaaS açılış sayfalarında.

Ders kodları, başlangıç dosyaları ve öncesi-sonrası örnekleri yayınlayan eğitim sitelerinde.

Proje örnek çalışmalarının yanında uygulama örnekleri göstermek isteyen ajans ve portföy sayfalarında.

Jotform Form Oluşturucu ile müşteri adaylarını ödeme yapan müşterilere dönüştürün

Jotform ile etkileşimi eyleme dönüştürün. Müşteri adaylarını yakalayan, ödemeleri toplayan ve yanıtları otomatikleştiren güçlü formları tek bir yerde oluşturun. Her yanıt, takip edebileceğiniz veya favori uygulamalarınızla bağlantı kurabileceğiniz Jotform Gelen Kutusu'na ulaşır.

Hemen Başla — Ücretsiz!
Convert leads into customers

SSS

  • Kod Bloğu widget'ı nedir?

    Kod Bloğu widget'ı, web sitenizde başlıklı ve sözdizimi biçimli örnekler göstermek için kullanabileceğiniz, yerleştirilebilir bir kod görüntüleme bloğudur.

  • Ziyaretçiler widget'tan kod kopyalayabilir mi?

  • Hangi düzenler mevcut?

  • Satır numaralarını gösterebilir miyim?

  • Kod temasını özelleştirebilir miyim?

  • Hangi dilleri seçebilirim?

  • Mobil cihazlarda çalışır mı?

  • Kullanmak için kod yazmam gerekir mi?