Components available for custom landing pages

Components available for custom landing pages

24 April 2020

OpenBusiness comes with 6 components that can be used to create custom landing pages. These can be used either inside Articles (content type) or Basic Page (content type). Here is an example of such an implementation. 

The following components are available.

  • File attachments
  • Block quote
  • Paragraph with basic Text
  • Paragraph with an image (left or right)
  • Carousel of images
  • List of images
custom-landing-pages
File attachments

You can use this component to upload files that can be downloaded by your site visitors.

Quote Component

You can use this component to highlight a phrase such as a quote or an important sentence.

Carousel of Images Component

You can use this component to present images in a carousel format. There is a limit of 3 images that can be added.

List of Images Component

You can use this component to present images in a list-like format. The first image is presented in a large format, the others go side by side in a smaller format.

Paragraph with an image on the left or right side

You can use this component to present text with a side image positioned on the left or right side via the Image Position selector at the end of the component.

How to manage your homepage content?

How to manage your homepage content?

22 April 2020

The homepage comes with a couple of pre-defined components that you can disable or enable at your preference. The components available for the home page are:

  • Main Hero Image
  • Vertical Tabbed Texts
  • Carousel of images
  • A list of items
  • Testimonials
  • A list of latest blog articles
  • A Call to Action element
  • Contact form
How to manage your homepage content?
Main Hero Image

To manage the content of the Main Hero Image (the one at the top of the homepage), you need to edit or add a content type of type Hero Light CT. You have the option to customize the title of the button, the link, the introduction text and the image.

Vertical Tabbed Texts

These are content type of Basic Page that have in the Promotion Options (top right corner) active the option Promoted to Front Page.

A list of items

To add a list of items (eg. Benefits, Features, Advantages), visit /admin/content and click Add Content and choose Benefits. Inside the Benefits content type, you have a list of items. Each line in that list, is a line item on the homepage. To remove one option, simple delete the text of that line and press Save.

Carousel of images

To add an image to the carousel, visit /admin/content and click Add Content and choose Portfolio. Content types Portfolio are listed in the carousel order by date.

Testimonials

To add an image to the carousel, visit /admin/content and click Add Content and choose Testimonial. Content types Testimonial are listed in order of date of publication.

A list of latest blog articles

All the content type of type Article, are listed here ordered by the date of publication.

Call to Action element

To manage the content of the Call to Action element, you need to edit or add a content type of type Call to Action CT. You have the option to customize the title of the button, the link, the introduction text and the image.

Contact form

To manage the email address where the contact form sends the email, edit the email field in Admin > Configuration > Basic Site Settings. It should be in a link similar to this one /admin/config/system/site-information 

How to create an custom landing page with OpenBusiness?

How to create an custom landing page with OpenBusiness?

22 April 2020

Follow this simple tutorial to create a custom landing page via the components available in the interface. To see how each component looks, you can visit this page. If you want to see what options each component has, visit this page.

how to create custom landing pages

Step 1 - Visit /admin/content page and click Add Content button. On the next page choose Article or Basic Page.

Step 2 - Choose a component at the bottom of the page and add it to the page

Step 3 - Change order of a component on a page

Remove a component by clicking Remove. Do not forget to click Confirm Removal to completely remove the component.

Advanced components are available for power users. In order to use those, you need to expand the your site with more content types or templates. The advanced components are styled on our Style Guide page as an example and they include: Tooltips, Buttons, Dropdowns, Alerts, Tags, Pagers or Modals.

How to install OpenBusiness?

How to install OpenBusiness?

22 April 2020

In order to install the OpenBusiness profile, please follow the steps below:

Lorem ipsum dolor sit amet
OpenBusiness Images
Download Drupal 8

Step 1

Download a 8.x version of Drupal from drupal.org. OpenBusiness installs itself as a profile on top of clean Drupal 8.
 

Left
Download OpenBusiness profile

Step 2

1. Download OpenBusiness profile.

Extract archive to profiles folder from your Drupal root directory and rename openbusiness folder to openbusiness_profile.

  • Via Composer

Composer will download the profile folder into root/modules/contrib/openbusiness. You need to rename openbusiness folder to openbusiness_profile and move it to profiles folder from your Drupal root directory.

  • Via GIT

In your profiles folder insert git clone command with openbusiness_profiles parameter at the end of the command.
Example: git clone --branch x git@git.drupal.org:project/openbusiness.git openbusiness_profile

2. Run composer update into root/profiles/openbusiness_profile folder.
3. Open a browser and go to your URL. Select OpenBusiness profile at Select an installation profile step and complete the remaining steps using the wizard.

From here onwards, you are ready for customizing your experience.

Introduction to OpenBusiness

Introduction to OpenBusiness

22 April 2020

OpenBusiness is a customizable, responsive, and lightweight Drupal installation profile. It comes by default styled with more than 20 components. All the colors can be changed as well as the default pictures. Its primary purpose is to serve as a base for any presentation website you might want to create.

hero-image

OpenBusiness is a customizable, responsive, and lightweight Drupal installation profile.

Features

We've created OpenBusiness to be used for a simple one-page type of site to be used by small companies as a presentation site. The homepage has some features that you would typically want if you run a small business:

  • a main hero image at the top of the page
  • an intro area with vertically aligned tabs useful for short texts such as Vision, Mission or About
  • a carousel of images that you can use to highlight a portfolio of products or services
  • a list of items that to list advantages or features
  • testimonials for well, testimonials
  • a hero image with a button
  • a contact form

All these features from the homepage can be activated or deactivated to customize to suit your needs. Follow our guides in the blog area to learn more about this.

Custom landing pages
Custom landing pages

In addition to the customizable homepage, we've created components for additional custom landing pages. You have to see components as lego pieces that you can tie together to create variated landing pages. You build them using a content entity type that goes by the name paragraph in Drupal.

Left
Color scheme
Color scheme

You can personalize the color scheme using a color picking tool. You can find it in the settings area of the page. The following color options are available:

  • Color set
  • Primary Color
  • Secondary Color
  • Text Color
  • Background Color
  • Hover Color
Right
Support

If you encounter any issues or you need support, please use the issues page from drupal.org. 

That's it! We hope you will find OpenBusiness useful for your business.

Showing 5 items per page