I am working on a SAAS project where users create widgets to their websites. One of their abilities is to create a messaging template and apply it to their widgets.

When saving a template, the user can name the template and apply it to one or several of their widgets.

Now the problem I am facing is how to save and apply the template.

Option 1: Single button "Save & Apply" which opens a modal where the user types in the name of the template and a drop down of his widgets to apply

enter image description here

enter image description here

Option 2:

Two buttons - Save Draft and apply

enter image description here

Each one of the buttons will open a modal:

Save draft - The user will name his template and it will be saved without being applied to the widgets

Apply - The user will apply the template he is currently working on to a single or several widgets.

Which way is most correct?

  • I’m voting to close this question because this question is dead
    – Devin
    May 29 at 15:42

2 Answers 2


Definitely option 2.

'Apply' and 'Save Draft' has very different meaning in plain English. In this case, they make people feel that they are totally separate operations, which is perfect in this situation. Some extra stuff: I would not want to do the name input and select widget AFTER I click on either of the buttons. I would rather prefer to input these information in the very beginning of the template building. According to my experience on doing complicated tasks, make ux writing more appealing saves more effort than working on complicated interactions.

Just some personal thoughts, if there is anything that is miss-leading please let me know.


I assume that it is required to save the template with a name before it can be used in widgets. So saving is a required step and choosing a widget is optional. Your first option seems the most logical in this case. It's just a next step where you choose the name of the template (required field) and optionally choose the widget(s) to use it in. But the label ("Save & apply") is not clear. The button is not saving or applying anything yet. It just goes to the next step. So I would change the label to "Next" and add step indicators (eg. config > finish) to give the user a sense of the progress.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.