Removable Modules in Landing Page while Editing the Page
How can make landing page's modules to be deleted for any customization without effecting the original template used in the background? I need urgent help. Thanks
what exactly do you mean by "deleted for any customization"?
If you want to modify an existing template and have the ability to "jump" back to the non changed version quickly, you can clone the template.
For that go to the design manager, select the template you want to modify in the left "tree view", navigate to "Files-> "clone TEMPLATENAME". After you've done this you can rename and move it to another folder(recommended).
If you want to add a custom module to a landing page and show it only on certain pages, you can add a "boolean" function to the module.
Actually, I knew this before that we need a clone template for new pages, but by exploring I found somehow that we need to use flexible columns for adding removable modules to template and then in "Edit Page" we can add or remove more modules in flexible columns. After trying on that, I found a problem that how can I add classes to the modules on the left while on "Edit Page" section.
here I share two screen shots, one is my template and the other is "Edit Page" and I want to use flexible columns in template, but how can I add all modules(e.g. richtext, image, header etc.) if I want to use flexible columns.
thank you for the information. Simple answer is: you can't add classes to modules in the "edit page" editor. You can add classes to only a few HubSpot modules in the design manager.
1. create your own "basic modules"
This should be the the most easiest solution.
Since you most likely can't edit "HubSpot basic modules"(even when you clone them) you've to create your own modules with a little bit of a twist.
Example(rich text module):
cloned basic HubSpot rich text module
custom rich-text module with class inputSo - what's the difference?
The custom rich-text module got a wrapping div around the rich-text "input" with an input field for classes. By that you have the ability to add classes to the wrapping div.
Notice that the "class widget" is a "simple text" widget - not a "rich text" widget.
As you have explained very well and with very beautiful way. Working on custom module is easy in some cases, but my clients asked me to add ( removable modules ) as like in flex columns here. The problem is how can I add classes to removable modules inside a flex column?
You can see here, I want to add classes to each section of flex-colums, e.g. I want to add class ".page-center" to whole flex column, then ".main-content" to Header then ".body-content" to richtext and so on. How can i acheive this kind of scanario?
As I've mentioned before: You have to add classes in the design manager (or in custom modules). Most likely because that's a "guarantee" that every page based on this template looks the same.
Furthermore: I've checked all "default" HubSpot modules in the design manager inside of a flex-column and this is the result:
Follow me: not possible to add custom classes
Form: not possible to add custom classes
Google Search: not possible to add custom classes
Header: not possible to add custom classes
Image Gallery: not possible to add custom classes
Image: not possible to add custom classes
Language Switcher: not possible to add custom classes
Logo: not possible to add custom classes
Menu: not possible to add custom classes
One Line of Text: not possible to add custom classes
Page Footer: not possible to add custom classes
Password Promt: not possible to add custom classes
Post Filter: not possible to add custom classes
Post Listing: not possible to add custom classes
RSS Listing: not possible to add custom classes
Rich Text: not possible to add custom classes
Section Header: not possible to add custom classes
Simple Menu: not possible to add custom classes
Site Search Input: not possible to add custom classes
Site Search Results: not possible to add custom classes
even after I've added a class to the flex-column in the design manager it didn't showed up in the page editor. That's why I assume that it's something "special". Maybe a setting or something.
Removable Modules in Landing Page while Editing the Page
@MaisamAbbas , I am unclear why you cannot use custom modules that you create as @Anton has suggested. You will be able to add a field for a custom class. could be a text field, could be a dropdown select. Replicate the hubspot modules with your own and you will be good to go