Originally posted: July 12th, 2022
Welcome to the new form builder experience!
When we began the journey of redesigning our form builder, we had a couple of important goals. First, we wanted to create a more powerful foundation for our form builder that would support many more features and customization options in the years to come. Second, we wanted to give everyone the ability to create beautiful forms without the barrier of needing custom code. So let’s jump in and take a look at what’s new.
With this release we have added:
All-new form builder design and layout
Breadcrumbs for easy navigation
Preview mode
"Sticky" save button for easier saving on long forms
Inline element adding
Inline text editing
Improved performance with easy dragging of elements
Click to edit settings
Form style panel (plus general form padding options)
Dedicated CSS editor
New sharing panel with one-click copy embed code and link
"Columns" are now called "containers"
Full-width containers
Container background colors and images
Improved image uploader
Container background image opacity
Container padding and margins
"Yes/no" field changed to "Multiple choice" and now allows more than two options
"Private" forms changed to "password-protection" setting
Toggle for the new form builder
Legacy mode option for forms with custom code
These changes give us the stronger foundation we needed to add more of the features and customization options you’ve been asking for.
You can view our keynote webinar all about the new things in this feature release plus a sneak peek at some features coming soon:
In this keynote, we mentioned we were going to share a proposal with you to get you started. Click here to access the form. It might look a little weird on that first screen, but once you click "copy to account" it will show correctly. (Note: You must be logged into Dubsado first before clicking this link)
First, we’ve got a brand new layout. We took advantage of the full width of the page to give you more space to focus on building your form. Also, over on the left, you’ll find the element library. You can drag and drop elements from the element library onto the form, or click an element to add it to the bottom - just like in our old builder.
In the top right we have some breadcrumbs that will take you back to your form templates.
We also redesigned our preview mode so that you can preview your form just as your clients will see it, without exiting the builder. It’s easy to toggle back and forth while you’re editing.
The save button will now stick to the top of the page, so you’ll be able to access it more easily when editing long forms.
Now there’s a new way to add elements to your form. Hover over any existing element and click the + icon to add a new one right inline.
You can edit text inline, too. Just double click any element with customizable text and you can start making your edits right away. Click the checkmark or click outside the element when you’re finished to save your changes. It works on text boxes, packages, and even question elements.
Dragging elements around the form is still super easy, especially now with our improved performance. Just click anywhere on an element to pick it up and you can drag it around the form. A green bar indicates exactly where the element will land.
Clicking on an element will open its settings in the side panel. This is where you can map your short answer and date select fields, mark a field as required, and adjust other settings as needed.
For general form settings, click on the gear icon in our new side navigation panel. This is where you can adjust all the settings specific to the type of form you are editing.
We have added a brand new form styling panel, which you can access by clicking the palette icon. This is where you’ll find the question styling settings and our new form padding settings that let you control the space at the top and bottom of the form. This is especially useful when you plan to embed your form on a website, and don’t want any extra space above your elements. We can’t wait to add more settings and customization options here!
For those of you who love getting creative and styling your forms with custom CSS, we added a dedicated CSS editor in the styling panel! Now, there’s no need to have an invisible code block floating around on your form. Don’t worry, HTML and Javascript are still supported as well. You can add that code to an HTML block element and preview your form to see it in action.
For forms that can be shared publicly, you’ll find the new share panel here on the left-hand side. We made it super easy to copy your embed code or sharing link with a single click!
Along with our new form builder, we are so thrilled to launch a very exciting update to the old columns element.
The container element is the same as the columns element you already know - it has a new name and some amazing new settings. Select from one, two, three, or four columns, then use the plus icons to add elements directly into your container, or drag them in.
Hovering your mouse over a container element displays a green toolbar. Just click and hold on this toolbar to pick up your container and move it around the form.
But here’s where the real fun starts. You can adjust the width of your container and the width of the content inside.
You can now make the container take up the full width of the page, allowing you to create beautiful, colorful sections on your forms. The width of the container is a percentage, so it’s completely responsive. A slider adjusts the width of the content inside your container. It’s also a percentage, so it will adjust automatically based on the size of the container and the screen.
With our new image uploader, it’s even easier to bring an image into your Dubsado form. For a full-width element, we recommend an image 2500px or wider for best results. And the results are so fun. 🎉
You can now blend a background color with your image. In the example below, we selected a dark background color and adjust the background image transparency to blend the two together really making the image over it pop!
Our new padding and margins allow you to do just that. Adding padding will give some space around our content and show more of the background image. Below you can see we are adding bottom margin to this container to create a little space between the elements below.
Previously, this field could only have two options. With this addition, you can add more than just two options for your clients to select from. But they can only select one option on this list.
Same functionality, now with a new name. We changed this to ease any confusion around this feature and make it more clear what it is doing.
There are so many ways to take advantage of the new form builder features, especially containers. And this is just the beginning.
As excited as we are to bring you these amazing updates today, we also know that a big change can take some getting used to, especially when you’ve got a business to run! That’s why we added two special features to our form builder to help you adjust.
The first feature is a toggle to turn on the new form builder. You’ll see it when you navigate to Templates > Forms. This toggle allows you to decide when you want to turn the new form builder on for your account. So if you’ve got a few important forms to send out today, don’t worry. You can wait to turn on the new form builder until you’re ready to start exploring - and turn it back off again if you need a little more time. This toggle will be available until January 31, 2023, so you have plenty of time to make the switch. But once you make the switch, we recommend committing to it especially if you use our neat, new features. For example, if you turn the new builder on and create some full width elements with images and color, but then decide to turn it off later, those "new" elements will not show properly.
Our second feature to help you adjust is a legacy mode that we created especially for those of you with custom code on your forms. We love how creative so many of you have gotten with custom coded Dubsado forms, and we wanted to ensure those special forms would continue working for your clients. Custom code, including HTML, CSS, and Javascript, is still supported on new Dubsado forms. However, we had to make a few adjustments behind the scenes to support our new features, which might have an impact on your custom code. As we launch the new form builder, we’ve kept all existing forms in legacy mode to make sure nothing would change overnight.
If your form does NOT have any custom code on it, head to the form settings panel and turn legacy mode off so that you can start using our new features right away! This setting is specific to each form, so that you can update each template one at a time. If you do have custom code on your existing forms, we’ve got a special article that will help you decide if and when to turn legacy mode off.
At Dubsado, we want your brand to be front and center. By redesigning our form builder experience from the ground up, we were able to create a more powerful foundation for adding new customization and design options that will allow you to create beautiful, branded forms.
Head to Templates > Forms and use the toggle at the top of the page to turn on the new form builder experience! This toggle will turn the new builder on for the whole brand, so be sure to coordinate with your multi-users if you have them.
No, simply turning the new builder on will not make any changes to how your forms appear to your clients. That's why we created legacy mode!
Legacy mode is a setting on each individual form. It will need to be turned off for you to access all of the new features added to the form builder.
Yes! We added the toggle to give you flexibility as you test and adjust to the new builder. If you ever run into any troubles, or just want to get a form out quickly while you're still learning your way around, you can always turn the new form builder off using the toggle on the Templates > Forms page.
⛔ Heads up! If you decide to turn the new form builder off, all of your forms will revert to legacy mode while you are using the old form builder. Turning the new form builder back on will restore your changes.
Yes! The toggle on the Templates > Forms page will turn the new builder on or off for the whole brand. Be sure to give any multi-users on your brand a heads up.
Yes, absolutely! We are blown away by the amazing forms we’ve seen created with the help of custom code, and we want to support your creativity.
Custom HTML and Javascript can be added to your form with our HTML block element (formerly known as a code block). And we added a dedicated CSS editor in the form styling panel for you to manage all of your styles!
To keep Dubsado safe and secure for all, we have implemented additional security measures. While JavaScript is still supported on Dubsado forms, we no longer allow it to run while you are editing your form in the form builder. All you need to do is Preview your form to see it in action.
In order to have access to all the latest form builder features, and for the best compatibility with the new form builder experience, we do recommend updating your custom code to work with legacy mode turned OFF. You will only need to do this on your form templates. Forms already added to projects can remain in legacy mode and do not need to be updated.
This article will help you decide if and when to turn legacy mode off on individual forms and our updated CSS cheat sheet will help you get started.
If you purchased code from a third party, we recommend reaching out to them for guidance. Please note that Dubsado’s Customer Success team is not able to assist with specific questions or troubleshooting regarding custom code on forms.
Originally posted: July 8th, 2022
Update
Bugfix
Originally posted: June 14th, 2022
Enroll in our new monthly affiliate payout. With this new feature, you’ll be able to receive a “cash” payout of your affiliate credit every month automatically instead of receiving it as credit towards your subscription. 🤑
Note: this feature is on a slow roll out. If you do not have the feature yet, please check back every few weeks. The roll out is randomized and we do not have an ETA on when specific users might have it.
To enroll in automatic payouts:
Once you are enrolled, you will automatically receive any credit in your account at the start of each month. Enrolling does not initiate an immediate payout. The payout will be sent at the start of the next month.
When the payout is process within 1-2 days from the first on the month, you will receive an email from PayPal, letting you know how much you received and how to add it into your PayPal account. That email will look a little something like this:
I do not see the option in my account, how can I get it?
This feature is a slow, rolling release. This means we are releasing to a random set of users over a specific period of time. This is a completely randomized process and we do not have specific dates or ETA's on who will be getting this feature when. To check if you have it, head to Settings > Affiliate Dashboard and refresh your page. If you see a connecting with PayPal option, you have the feature. If not, hang tight just a little longer. We also will be sending out emails to each group of users as the feature gets rolled out so you know for sure, if you have or not.
How do I set up automatic affiliate payouts?
You must opt-in to automatic affiliate payouts to receive the “cash” payout. To set up automatic affiliate payouts go to Settings > Affiliate Dashboard. Here you'll see a new option to “Connect with PayPal”. If you'd like to enroll in automatic monthly payouts, click that button and enter your PayPal email address.
At what frequency do I get the cash payout?
If you have automatic affiliate payouts available and enabled, payouts happen automatically at on the 1st of every month. Payouts take about 1-2 business days to process.
What if I don’t have a PayPal account?
You will need a PayPal account to receive your payout if you decide to enroll. If you do not wish to have a PayPal account or PayPal is not supported in your area, you cannot opt-in and you will continue receiving credits towards your Dubsado subscription.
What happens if I don’t enroll?
Your Dubsado affiliate credit will continue to be applied to your Dubsado subscription. If you have been requesting payouts while on a trial or Forever Plan, you will need to enroll in the new automatic payouts through PayPal to continue receiving your credit.
Can I switch back and forth between payouts and receiving Dubsado credit?
No, once you have opted-in to automatic affiliate payouts, you can no longer switch back to receiving Dubsado credit.
Who will be issuing the tax related documents?
PayPal will be handling any tax related documents that are necessary for reporting any affiliate cash payouts.
For those on the forever plan, will we still be able to get physical checks for our cash out?
No, we will be doing away with the mailing of a check. All new cash payouts will be done via PayPal.
Is there a minimum or maximum we can cash out?
No, there will be no minimums or maximums for cashing out.
I don't have this feature yet, any credits that I receive now, can I use them for future affiliate payouts when I have the feature?
Yes, any credits you are collecting now will be available for cash out once you have the feature (minus any usage of those credits towards your Dubsado subscription within that time)
Once I opt-in to payouts, what happens to the credits I already have?
If you opt-in to automatic payouts and already have credits built up in your account, once opting in, those credits will be part of your cash out balance now.
Originally posted: April 11th, 2022
Update
Bugfix
Originally posted: March 4th, 2022
Security is always important for us. In a recent update, we updated short answer and free response fields to ensure that only the client can fill them out...not, you, the business owner. However, you can still edit information on the contract before you send it to your clients. If you’d like to include additional information for your client on a form or contract, we recommend using a text box. Text boxes cannot be edited by clients as they are just for you. 🔏
Learn how to navigate this change here:
Update
Bugfix
Originally posted: February 7th, 2022
Update
Bugfix
Originally posted: January 5th, 2022
A small but heavily requested feature for you today! When you search your projects in Dubsado, you’ll now see an archived badge next to any projects that have been archived. This will allow you to quickly see those projects that are active or archived.
Originally posted: December 23rd, 2021
Update
Bugfix
Originally posted: December 14th, 2021
Update
Bugfix
Originally posted: December 8th, 2021
Your clients can now enroll in automatic payments for payment plan installments, as long as the invoice is eligible. Once enrolled in autopay, your client will be automatically charged on each installment due date!
Our goal for this feature is to help our business owners collect more payments on time with less involvement from their clients. Even with payment reminders, business owners have told us that their clients would like to "set it and forget it" when it comes to payments, and if this feature works for your business, you can now set it and forget it.
This feature is perfect for anyone who has a predictable, standardized invoicing process. After they send an invoice to a client, they will not be changing that invoice. So whether you're a photographer and have a payment plan on an invoice, clients can set up autopay leading up to their big day. Or say you're a coach wanting to set up a 6 month coaching package on an invoice, or you are a web designer and payments are due at specific points. This feature can work for many types of businesses.
About this feature
When autopay is available (see criteria below), the option to enroll will appear below the credit card field during the payment process. Clients can start this process by clicking Pay Now on an installment.
Payment plans must meet a few criteria in order to be eligible for autopay. If a payment plan is not eligible for autopay, your client will not see an option to enroll.
The requirements for payment plans are:
There are also a few payment requirements:
👋 Here's a tip... if the invoice is eligible, autopay for payment plans will work on invoices you create from scratch, as well as invoices created by proposals or workflows.
After your client enrolls in autopay on a payment plan, they can return to that invoice at any time to update their payment method or cancel autopay.
You'll be able to see whether autopay is turned on for a payment plan by opening the invoice in the client's project:
Automatic email notifications will send whenever there's a change to automatic payments for a payment plan.
There are three client notification emails for autopay:
These emails send automatically and cannot be turned off because they communicate important information to your clients. However, they can be customized under Templates >> Canned Emails >> Edit Templates.
👋 Here's a tip... we recommend customizing the client notification emails to fit your brand voice. As you customize the emails, try to keep the content roughly the same so that your clients receive the correct information.
We have two system notification emails for autopay. You can adjust your preferences for these notifications under Settings >> Notifications.
Once your client enrolls in autopay, we restrict certain invoice and project changes to protect your client from any surprise charges.
Autopay will be turned off for the invoice if you change:
If you have payment plan installments watching a project date or contract, autopay will also be turned off if you:
Don't worry, we'll warn you so you can decide whether you'd like to proceed with one of these changes. If you do, autopay for that invoice will be turned off and your client will be notified via email that their autopay was cancelled. Your client will be able to re-enroll in autopay if the invoice still meets the eligibility criteria.
👋 Here's a tip... if you'd like your clients to take advantage of autopay on payment plans, we recommend having an invoicing process that doesn't involve making changing the invoice after it's been sent to the client.
The payment processor (Stripe or Square) connected to your account will securely save the credit card details needed to process the automatic payments.
Your client will be able to enroll in autopay on a future payment if there is more than one unpaid installment remaining.
No, your client must turn on autopay after entering their own payment information.
Yes. Your client can turn off autopay or update their credit card from the invoice.
Your client will receive an email with a link to the invoice so that they can manually pay and update their credit card information. You can edit this automatic email under Templates >> Canned Emails >> Edit Templates >> Autopay Failed.
As long as there is no more than one overdue payment, your client will be able to re-enroll in autopay by paying their missed payment on the invoice.
Recurring invoices already have an autopay option for that invoice as a whole. You can read more about autopay on recurring invoices here.