How Do You Add Second Page Of Card Template In Pages

Larn how to set upwardly and customize your existing elevate and drop template, and work with modules, groups, and columns as the building blocks of your template.

Construction your template

By using the layout editor in the pattern managing director, you tin chop-chop build your content layout without having to write any HTML.

In your HubSpot account, navigate to Marketing > Files and Templates > Pattern Tools.
In the finder, click atemplate to edit information technology.

Add and drag modules

To add a module to a layout, click+ Add at the tiptop of the layout inspector. Search for or select a module , so elevate it to the location you want the module to render in the layout. Dragging modules on acme of other modules volition either create columns or grouping the modules.

Change cavalcade widths

To alter the width of a column, hover between the modules and click and drag horizontally.

Group modules

Module groups are units of modules that make up different sections of a folio.

To group two modules, click thecommencement module, and then press and hold theControl/Command fundamentaland select thesecond module. Repeat this step if you are grouping more than than two modules. Adjacent, click the group icon groupModule in the module inspector.

Please notation:modules groups cannot cross a section separator or incorporate a partially selected group of modules.

Split modules horizontally

Splitting a module breaks the module in half, creating two modules. To split up a module, click themodule, then click thesplit module icon splitModule in the module inspector. Alternatively, you tin can right-click the module in the layout and selectSeparate module.

Middle modules

With horizontal spacers, yous can eye modules and groups on the page, or add together blank space on either side of them. To add together a horizontal spacer, click + Addat the top of the layout inspector. Locate Horizontal Spacer, and so drag and driblet it into the template.

To change the size of a horizontal spacer, change the width of the column separating information technology from other modules. To center a module or group, add together horizontal spacers on each side.

Add a flexible cavalcade

Flexible columns are designed to make content management at the page-level easier for content creators. When a flexible column is added to a HubSpot page template, users will exist given the option to add, remove, and re-order modules within the individual folio editor. This feature allows designers to create fewer templates, while still allowing marketers the flexibility to customize each page to fit their needs.

To add together a flexible column, click+ Addat the acme of the layout inspector. Locate Flexible Column, and so drag and drop it into the template.

Please annotation:

Flexible columns can simply be added to folio templates, and cannot be added to e-mail or blog templates.
Modules added to flexible columns cannot have CSS classes, inline styling, or the wrapping HTML associated with them. Styling options need to be added to the flexible cavalcade itself.

Customize your template

Once you've structured the general layout of your template, yous tin swap out modules and make other template customizations.

Edit module options

You lot can edit a module'due south options by clicking the modulein the layout editor. In the module inspector on the right, y'all'll see the module'southward editable options. These options by and large include styling, default content, and editor options, and may differ depending on the specific blazon of module. Acquire more than about editing module CSS and default content and settings.

Edit options

Swap module

Afterwards you lot've added a module to your template, you can choose to bandy it out for another module. Right-click themodule in the layout editor, so clickSwap module. In the dropdown card that appears, select themoduleto replace the original module with.

Catechumen to global module

Yous can convert a module in your template to a global module, which can exist used in multiple templates. This is useful when y'all've styled the module in a certain way, and/or have default content in the module that you'd like to reuse in other templates.

Click themodulein the layout editor.
In the module inspector, click the More dropdown card and selectCatechumen to global module.
In the dialog box, enter theglobal module name, then clickCreate.

Delete module

To delete a module, click themodulein the layout editor, and then click thetrash can icon delete in the module inspector. Alternatively, you tin can right-click themoduleand selectDelete module.

Manage your template in the finder

In addition to your module options, in that location are several actions you can accept specific to your template.

In the upper right of the template, click the binder iconbinder .
Right-click the proper nameof the template. In the dropdown bill of fare, you tin customize the following options:
- Re-create to portals: re-create the template to some other portal where you are also a user. Templates purchased from the Market will non exist able to be copied to other portals.
- Clone template: this creates an exact duplicate of your template, and is useful when you want to create a variation of an existing template.
- Clone to HTML: this creates a separate HTML version of your template. This is helpful if y'all need more control over your markup, or you want to larn more about how templates are coded.
- View template source: view the template's source lawmaking HTML. Dissimilar theClone to HTMLoption, this doesnon create a carve up HTML version of your template.
- Rename template: edit your template's internal name.
- Testify dependents: view all pages, emails, or blogs currently using the template.
- Show revision history: view your template's revision history and choose to revert your template to a previously published version.
- Create electronic mail/page: create an electronic mail or landing page/website page directly from the template.
- Delete template: this deletes the template. Once deleted, a template will remain available for 30 days, afterward which it will be permanently deleted. To restore the template, y'all will demand to contact client support.
These options can likewise be accessed from theFile and Actions dropdown menus in a higher place.