@bmg.studio/form
v1.4.14
Published
Universal, multi-slide, conditional webflow form creation script
Downloads
1,791
Readme
StudioForm - Building Premium Webflow Forms Made Easy!
StudioForm - How to access the code base! 👇
🎥 Loom Preview Video
🎥 How to go live / host the production-ready file (for free!)
🚀 Getting Started
Using GitHub Codespaces
- Click Use this template.
- Select Open in a codespace.
- Wait 30 seconds to two minutes for everything to install automatically.
- Type
npm start
in the terminal. - Press
http://localhost:1234
. - Follow the instructions on the bmg.studio documentation page to integrate with your Webflow project.
Using Desktop
- Download the file (/zip) and open it in Visual Studio Code.
- Open the terminal and type
npm i
, thennpm start
. (npm i --legacy-peer-deps
for Windows currently11.07.2023
) - Press
http://localhost:1234
. - Follow the instructions on the bmg.studio documentation page to integrate with your Webflow project.
Make sure you have npm installed: https://nodejs.org/en/download
🏗️ Building Production Code
- After you're done, type
npm run build
in the terminal. - Follow the instructions to locate and use the generated production files.
🌐 Hosting Production Files on GitHub
Manual Method
- Copy the compressed controller JavaScript code from the
dist
folder. - Create a new file in your GitHub repository and paste the copied code.
- Commit the new file.
- Get the jsDelivr link by pasting the file's URL on jsDelivr's GitHub page.
- Replace the
src
URL in your Webflow project settings with the jsDelivr link. - Publish your Webflow project.
Using Git
Make sure you have Git installed: https://git-scm.com/downloads
- Initialize the Git repository using
git init
. - Rename the default branch to
main
usinggit branch -m master main
. - Configure your Git username and email using
git config --global user.name YOUR NAME
andgit config --global user.email YOUR_EMAIL
. - Add and commit your changes using
git add -A
andgit commit -m 'first commit 🚀'
. - Add your GitHub repository as the remote origin using
git remote add origin https://github.com/USER/REPO.git
. - Set the remote URL using
git remote set-url origin https://github.com/USER/REPO.git
. - Push your changes to GitHub using
git push origin main
.
git pull https://github.com/BarthMedia/StudioForm.git main
(For updating your local git incase someone made changes to the GitHub version in the mean times)
Additional Handy Git Functions
rm -fr .git
(Mac) or rmdir .git -force
(Windows) // To remove an existing Git instance (and e.g. nest it in other Git folders)
👨💻 When using TypeScript
Be sure to follow these instructions to make Prettier
work -> Timo Ernst, Prettier Autoformat for TypeScript not Working.