Instructions

Thank you for choosing StudioForm! To utilise the full power of StudioForm, copy and paste the following snippet into the ‘Inside <head> tag’ section of your page settings:

<!-- [BMG] StudioForm -->

<script>document.head.insertAdjacentHTML('beforeend','<style sf-css>[sf="wrapper"]>form>*:not(:nth-child(1)){display:none}</style>');window.StudioForm = window.StudioForm || []; window.StudioForm.push(() => document.querySelectorAll('[sf-css]').forEach(e=>e.remove()))</script>

<script defer src="https://cdn.jsdelivr.net/npm/@bmg.studio/form@1/sf.js"></script>

You can also find a directory called sf-form_class-directory This contains all the combo classes for each input based on different states. Each directory will have items corresponding to the respective form.

Further information can be found in the documentation. You can also find all our other pro form components
with full client-first and copy-to-webflow functionality at StudioForm.pro.

sf-required

Manage recurring validation states.
sf-form_input
sf-required
Field Input (Required)
sf-form_checkbox-field
sf-required
Checkbox (Required)
sf-form_radio-field
sf-required
Radio (Required)
sf-form_input-select
sf-required
Select (Required)
sf-form_input-date
is-icon-left-right
sf-required
sf-form-icon-left
sf-required
Date Input (Required)
This is an error tag
sf-form_input-error-wrapper
sf-required
Error Tag (Required)
sf-form-icon-right
sf-required
Icon on Input Right (Required)
sf-form-icon-left
sf-required
Icon on Input Left (Required)
sf-form-icon-right
is-text-area
sf-required
Icon on Input Right Text Area (Required)

sf-checked

Manage recurring checked radio & checkboxes states.
sf-form_checkbox-field
sf-checked
Checkbox (Checked)
sf-form_radio-field
sf-checked
Radio (Checked)

sf-focus

Manage recurring focusing for button, radio and checkbox states.
sf-form_radio-field
sf-focus
Radio (Focused)
sf-form_checkbox-field
sf-focus
Checkbox (Focused)

sf-hide

Manage awaiting states.
sf-skeleton
sf-hide
Loader Box (Currently Hidden)

sf-await

Manage awaiting states.
sf-button-child
sf-await
sf-button-await-child
sf-await
Awaiting Status of Buttons

sf-current

Manage current states of progress steps.
1
Consent
sf-form_progress-side-step-number-wrapper
sf-current
sf-form_progress-side-step-text
sf-current
Progress Steps (Current)

sf-completed

Manage completed states of progress steps.
1
Consent
sf-form_progress-side-step-number-wrapper
sf-completed
sf-form_progress-side-step-text
sf-completed
sf-form_progress-side-step-icon
sf-completed
sf-form_progress-side-step-number
sf-completed
Progress Steps (Completed)
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Deine Bewerbung an uns

1
Consent
2
Personal
3
Employment
4
Skills
5
Additional

Consent to Apply

Take a step towards your career by consenting to apply for our job opening.
This field is empty
Enter a valid email
Next Slide

Personal Information

Provide us with some basic personal information.
This field is empty
This field is empty
This field is empty
This field is empty
This field is empty
This field is empty
Select one option
Next Slide

Employment History

Tell us about your previous work experience.
This field is empty
This field is empty
This field is empty
Next Slide

Skills and Qualifications

Share your skills and qualifications relevant to the job.
Select one option
Select one option
This field is empty
Next Slide

Additional Information

Provide any additional information you think is relevant.
This field is empty
This field is empty
End
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
FAQ

Häufig gestellte Fragen (FAQ)

Ihre Fragen, unsere Antworten – Alles, was Sie wissen müssen, bevor Sie starten.

Wie lange dauert es, bis ich erste Ergebnisse sehe?
Icon für technische Unterstützung und Hilfe

Der Zeitpunkt für sichtbare Ergebnisse hängt von der Art der Kampagne ab, aber erste Verbesserungen sind oft innerhalb von 3 bis 6 Wochen zu erkennen.

Wie wird die Leistung meiner Kampagne gemessen?
Icon für technische Unterstützung und Hilfe

Wir verwenden detaillierte Analysen und regelmäßige Berichte, um die Leistung Ihrer Kampagne zu überwachen und sicherzustellen, dass die Ziele erreicht werden.

Kann ich während der Kampagne Anpassungen vornehmen?
Icon für technische Unterstützung und Hilfe

Ja, wir bieten Flexibilität und passen Strategien bei Bedarf in Absprache mit Ihnen an, um sicherzustellen, dass die Kampagne optimal verläuft.

Wie viel kostet eine typische Marketingkampagne?
Icon für technische Unterstützung und Hilfe

Die Kosten variieren je nach Umfang und Komplexität der Kampagne. Nach der Analyse Ihrer Anforderungen erstellen wir ein individuelles Angebot.

Welche Branchen decken Sie ab?
Icon für technische Unterstützung und Hilfe

Wir arbeiten mit Unternehmen aus verschiedensten Branchen zusammen und passen unsere Strategien an die spezifischen Anforderungen jeder Branche an.

Bereit, dein Wachstum auf das nächste Level zu bringen?

Kontaktiere uns für eine kostenlose Beratung und erfahre, wie wir deine Marketingziele übertreffen können.

Symbol für eine Haken im Kreis
Unverbindliche Beratung
Symbol für eine Haken im Kreis
Individuelles Angebot
Symbol für eine Haken im Kreis
Schneller Projektstart