Form tasarımı

Formunuz size benzemeli. Yapıldığı araca değil.

Huni araçlarının çoğu formundan belli olur. Aynı kutular, aynı yuvarlak köşeler, sağ altta aynı düğme. Sağlayıcı için rahat. Markanız için pek değil, müşteri adına iş yapan bir ajans içinse aracı hiç önermemenin sebebi genelde budur. asksteps'ta bundan iki çıkış yolu var ve ikisini aynı formda kullanabilirsiniz.

İkisi de ücretsiz dahil bütün paketlerde var.

Nasıl çalışır

Ne kadar ileri gitmek istiyorsunuz?

  1. 01

    Çoğu zaman ayarlamak yeter

    Renkler, yazı tipi, köşe yarıçapları, kenarlık kalınlığı, gölge, genişlik, yanıtların dizilişi, ilerleme göstergesi. Hepsi renk seçicilerle ve açılır listelerle, anında önizlemeyle. On üç tema başlangıç noktası olarak duruyor; onlardan çıkardığınızı kendi temanız diye kaydediyorsunuz.

  2. 02

    Yetmediğinde kendiniz yazarsınız

    Hiçbir form öğesinin karşılamadığı her şey için forma serbest bir bölüm sürükler, içine HTML ve CSS yazarsınız. Fiyat tablosu, karşılaştırma çizelgesi, bilgi kutusu, kendi ileri düğmesi olan bir giriş alanı.

  3. 03

    İkisi aynı formda

    Serbest bölüm temanızın renklerini bilir. Temayı değiştirdiğinizde yanlış renkte kalmaz, onunla birlikte değişir. Ayrıntı gibi duruyor. Oysa elle yapılmış olmakla elle yapılmış görünmek arasındaki fark tam olarak bu.

  4. 04

    Bir sonraki müşteride yeniden

    Temanız dosya olarak dışa aktarılıp başka bir hesaba alınabilir. Birkaç müşteri için çalışan, birkaç projeden sonra küçük bir kitaplığa sahip olur; her seferinde marka kılavuzundaki renk değerlerini yeniden yazmak zorunda kalmaz.

In Betrieb

Tema düzenleyici

asksteps ile yapılan iki form, asksteps'a benzemez.

Renkler, yazı tipi, köşeler, kenarlıklar, yanıtların nasıl durduğu, ilerleme göstergesi olup olmadığı, arkada fotoğraf bulunup bulunmadığı. Hepsi düzenleyicide, önizleme hemen yanında. On üç tema hazır geliyor. Kendinizinkini kaydeder, bir sonraki müşteride yeniden çıkarırsınız.

  • Yanıtlar alt alta ya da kutu hâlinde, simgeli veya simgesiz
  • İlerleme çubuk, nokta, bölüm ya da hiç
  • Sekiz yanıtlı bir soru diğerlerinden farklı görünebilir
asksteps studio — tema düzenleyici
EIN FUNNEL · DREI THEMES · DIESELBEN FRAGENBeratungBewerbungSonstigesWeiterHELL · LISTE · KARTEBeratungAngebotSupportPresseWEITERDUNKEL · RASTER · PUNKTEBeratungBewerbungSonstigesWeiterPAPIER · BOGEN · SEGMENTE Farben, Schrift, Radien, Anordnung, Fortschritt — eingestellt, nicht programmiert.

Kendi HTML'iniz

Yapı taşları bittiği yerde siz yazmaya devam edersiniz.

Formun içinde, HTML ve CSS ile kendinizin yazdığı bir bölüm. Fiyat tablosu, karşılaştırma çizelgesi, bilgi kutusu, tam olarak öyle görünmesi gereken bir giriş alanı. İçine koyduğunuz alanlar gerçek: yanıtları diğerleri gibi kayda düşer.

  • İçe aktarılan bir PDF formunu eşleşmeyi bozmadan yeniden kurmak
  • İleri düğmesi nereye koyarsanız oradadır
  • JavaScript yok, Google'dan yazı tipi çekmek de yok
kendi html'iniz — yazıldı, işlendi, kaydedildi
EIGENES HTML<style> .zeile { display:grid }</style><label>Vorname</label><input data-xm-id="Vorname_1" data-xm-required><input data-xm-qst="Wunsch- termin" type="date"><button data-xm-next> Weiter</button>SO SIEHT ES DER BESUCHERVORNAMENACHNAMEWUNSCHTERMINGut zu wissenWir melden uns binnen 24 Stunden.WeiterERKANNTE FELDERvornamePflicht→ Vorname_1 (PDF)wunschterminDatum→ Frage im LeadKEIN JAVASCRIPTKEIN FREMD-REQUEST
Özellikler

Bu pratikte ne demek

Neyle yapıldığını kimse görmez

Renk dünyası, yazı tipi, köşe sertliği, diziliş: hepsi değiştirilebilir. Aynı hesaptaki iki formun birbirine benzemesi gerekmez, üstelik Starter paketinden itibaren formun altındaki "Powered by asksteps" satırı da kaybolur.

Tek satır kod olmadan

Tema düzenleyici işin açık ara en büyük kısmını karşılıyor. HTML ancak hiçbir form öğesinin karşılamadığı bir şey eksik kaldığında gerekir.

Müşteri başına bir tasarım

Görünüm hesaba değil forma bağlıdır. Bir ekip birden çok müşteri için aynı anda çalışabilir; her biri kendi kurumsal tasarımında ve kendi alan adında.

Yabancı sunucu yok

Kendi yazı tipleriniz sizde durmalı ya da gömülü olmalı; dış bir yazı tipi sunucusuna yapılan atıf silinir. Formunuz bilmediğiniz hiçbir şeyi çekmez. Bu soru ihalelerde sanılandan sık çıkar.

Telefonda denenmiş

Önizleme, ziyaretçinin gördüğü çıktının aynısını gösterir. Orada sığan, dar ekranda da sığar.

Tasarım için ek ücret yok

Ne tema düzenleyici ne de HTML bölümü üst bir pakete bağlı. Bazı rakipler kendi HTML'inizi ancak kurumsal basamaktan itibaren açıyor.

Sık sorulan sorular

Tasarım hakkında sorular

HTML bilmem gerekir mi?

Tema düzenleyici için hayır. Renk seçicilerden, sürgülerden ve açılır listelerden oluşan bir arayüzdür ve yanındaki önizleme her değişikliği anında gösterir. HTML yalnızca form öğesi olarak bulunmayan bir bölüm kurmak istediğinizde gerekir.

Tasarımı huninin tamamı için mi yoksa tek tek ekranlar için mi değiştirebilirim?

Tema huninin ya da formun tamamı için geçerli: sorular, yanıtlar, düğmeler, ilerleme. Tek tek sorular bundan ayrılabilir. Sekiz yanıtlı bir soru çoğu zaman ızgara olarak daha iyi çalışır, diğerleri liste kalır.

JavaScript ekleyebilir miyim?

Hayır, bu bilinçli. Formunuz yabancı sayfalara gömülü çalışır. Betik çalıştırabilen yabancı HTML orada her ziyaretçiye karşı kalıcı bir güvenlik açığı olurdu. Kendi JavaScript'ine izin veren sağlayıcılar bu riski size aktarır.

Tasarım WordPress entegrasyonunda da geçerli mi?

Evet. Formu gömme kod parçasıyla, WordPress eklentisiyle ya da kendi alt alan adınızda yayınlayın: aynı tema ile aynı bileşen sunulur.

asksteps değiştiğinde tasarımıma ne olur?

Tema, arayüzün bir durumu değil kayıtlı bir veri kümesidir. Boş bıraktığınız alanlar değerlerini devralır. Bu yüzden bugün oluşturduğunuz form, sonraki bir genişletmeden sonra da ayarladığınız gibi kalır.

Konuyla ilgili diğer sayfalar

Ayrıntılarıyla form tasarımı

Size benzeyen bir form yapın

Ücretsiz hesap açın ve ilk temayı ayarlayın. Bu sayfayı okumaktan kısa sürer.

Şimdi hesap açın