Code Snippets Widget for your website

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 yapmadan yayınlayın.

Code Snippets 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 parçacıkları oluşturun. Her örnek için bir başlık ekleyin, dili seçin ve kod gövdesini yapıştırın.

Choose how snippets display

Kod parçacıkları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 yarıçapı 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 parçacığı 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

Tanıdık kod temaları 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

How to embed your Code Snippets into WordPress

1Get your embed code

After customizing your Jotform website widget, click Try it on your website for free, and copy the generated embed code.

2Open the page editor

Go to the WordPress post or page where you want to display the widget, then add a new block.

3Add a Custom HTML block

Select Custom HTML and paste your Jotform website widget embed code into the HTML field.

4Update and view

Click Update or Publish, then open the page to check your embedded widget.

Jotform Website 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ı nerede kullanabilirsiniz

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

Geliştirici belgeleri, kurulum komutları, API istekleri, yanıt örnekleri ve yapılandırma kod blokları gerektiren durumlar için.

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

Yardım merkezleri, yerleştirme talimatları, webhook verileri, şablon kod blokları veya sorun giderme komutları gösterir.

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

Eğitim siteleri, ders kodları, başlangıç dosyaları ve öncesi-sonrası örnekleri yayınlar.

Ajans ve portföy sayfaları, proje kullanım örneklerinin yanında uygulama örneklerini göstermek isteyen sayfalar için idealdir.

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?

  • Which layouts are available?

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

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

  • Hangi dilleri seçebilirim?

  • Does it work on mobile?

  • Kullanmak için kod yazmam gerekir mi?