Need help? We've got your back.

Find advice and answers for everything

Back

Category: Website Builder 2.0

Affiliate & Marketplace Seller Signup Widgets

If you have the marketplace addon then you can set up a page where your users can sign up as a seller. You can simply use the Seller Signup widget to set up the page. Also, a similar widget for Affiliate User signup will help to set up an affiliate signup page.


In this article, we’ll show you all the customizations and settings available for the two widgets. As both offer similar options, we’ll be using Seller Signup widget for the purpose of this article. You’ll find everything similar in case of Affiliate Signup widget too.

To begin, open a page or create a new page with the builder 2.0. Inside, click the Widgets menu on the left sidebar and then drag & drop the Seller Signup widget on the page.


[Note: Widgets are only usable in blank sections.]



image



Right-click on the widget to open the editing panel on the right side. From there, you’ll have all the customization options available.



Form Style


The ‘Form Style’ setting lets you choose whether to show a title or not. In addition, you can customize the title text color, font type, and weight.



image



Use Input label (color) to set the color for the input labels.



image



The Input option gives you the ability to change the text color and the background color of the input fields.



image



Under Checkbox, you’ll see the options to change the tickmark color, background and border color of the checkbox, and the checkbox label or text color.



image



Submit Button lets you set the text color and background color of the form submit button. 



image



You can also customize the text color of the footer and the input field placeholders. Footer here refers to the “Already have an account” text. 



image



Sizing & Placement


This setting gives you the options to fix the width, height, and horizontal alignment of the widget.



image



Margin & Padding 


You can set margin and padding to any side of the form. Note that if you set a background form color, only then you’ll be able to see the padding in effect. Because the initial background color is of course white i.e. exactly as the page body background color.



image



Radius/ Rounded Corner


The rounded corner lets you set a radius for the corners. Again, note that if you have a form background color that matches with the page body background color then it will not be visible. 



image



Box Shadow


Finally, you can customize a shadow around your form to make the design even more stunning. 



image



And of course, you can use the Styles and Advanced tabs to add more customization for the widget. 



image