Developing With Custom Module in Hubspot COS

1
(No Transcript)
2
Developing With Custom Module in HubSpot COS
Why Custom Module..? HubSpot provide various
pre-define standard modules, The functionality of
these modules is limited for HubSpot designer and
developers. Using custom modules you are able to
write your own code and make them do whatever you
like to design. You can create custom content and
add it to your HubSpot templates by HubSpots
drag and drop interface. like templates for
website pages, blogs, landing pages, and emails
including PSD to Hubspot COS development. Custom
modules are the best functionality for the HuSpot
developers. In which HubSpot developer able to
create site with more customization and
specification. Using HTML, CSS, Javascript, and
HubL. The main benefit of using custom modules is
that your Hubspot designer can easily edit
components of your site.
3
Types of Custom Modules Functionality

• HubSpot custom modules divided into specific
  categories for the interaction with other
  system,Here some example of these functionality
  to use while custom module design
• Product Listing
• Display the product with details on e commerce
  sites or online store.
• Twitter Widgets
• Display the recent tweets from the particular
  account.
• Database
• Interact with the database (HubDB) tools
  available in HuSpot COS. Also display database
  records.

4
When You will need to use custom module of HubSpot

• While HubSpot COS development, In-built functions
  are not work proper as per the requirement in
  that case Hubspot developer use custom module of
  HubSpot COS. Here some example of these cases
  when developers need to use Custom module of
  HubSpot COS
• An Event calendars
• A custom Sliders
• A Custom gallery
• Background image
• E commerce product display
• Custom review

5
HubTheme For Custom modules

• COS
• FAQ Module
• Team Member
• Well Module
• Testimonial
• Pricing Table
• Icon Module

6
Types of Module Available in HubSpot COS
The module are depend on content that you want
to create, store, and display. modules are
divided into three major classifications. Standa
rd Module Standard module are in-built, that
works the drag-n-drop way. Developers easily edit
or add a section on the web page via page editor
with the standard modules. Custom Module Custom
modules could be created by coding interface.
Content creators could modify the content inside
these modules at page level. Global Module
Global module is like master content. When you
create global modules on the HubSpot COS, A
global module is the site header or footer that
has to appear the same throughout the website.
7
Fields of Custom Modules
Custom Modules include 5 unique field, In which 3
content fields and 2 control operators, Following
are the field options Content Fields Text
Field- For single-line text sections of your
custom module. Image Field- A single image
container module with sizing options, default
image, and alt text attributes. Rich Text Field-
For multi-line text module in which you can write
multiple line. Control Modules Boolean Field-
An on/off checkbox visible in the content editor.
It returns only true/false. Choice Field- A
radio select/pick list, select and insert a
predefined value into module.
8
Website http//www.thehubguru.com Google
https//plus.google.com/112788335741932828322 F
acebook https//www.facebook.com/thehubguru/ Lin
ked In https//www.linkedin.com/company/the-hub-g
uru Twitter https//twitter.com/thehubguru E-
mail vivek_at_thehubguru.com