Skip to main content

Subscriber Form - Form Component

This component adds a subscription form to your web app. It’s flexible so you can customise it by deleting or adding components to it.


Adding a Subscriber Form

#1: Go to Plugins

Click on Plugins icon loacted in the right toolbar. You will be redirected to the plugins page.

DrapCode Builder Subscribe Plugin

#2: Install a Subscribe Plugin

Select the Subscribe plugin and click the install button.

DrapCode Builder Subscribe Plugin

#3: Drop a Subscriber Form

After the plugin installation, the subscriber form component automatically gets added under the forms category in the components panel. So, go to the “Forms” category and drag and drop the subscriber form in the canvas.

In the example below, the subscriber form is dropped in a structure, constructed using rows and columns with the background colour added in the layer of the column component.

DrapCode Builder Subscriber Form

Also, as you drop the subscriber form after installing the Subscriber plugin, the subscriber event will already be bound with the form.

DrapCode Builder Subscriber Form

#4: Bind the Collection with the Page

Now, bind the page, containing the subscriber form, with the subscriber collection that automatically got added after installing the subscribe plugin.

DrapCode Builder Subscriber Form

#5: Bind the Input Box

Refresh the page once, and bind the value in the input box placed within the subscriber form component by going to the settings of the input box. Remember, you have to get value from the subscriber collection which is "Email" and fill the name and type fields.

DrapCode Builder Subscriber Form