Adding Rise Blocks is very simple, you need to do this from Add Plugins page. You can visit this page through Add new under Plugins at the WordPress backend.

There you can see Upload Plugins button aside of Add Plugins heading. Click to that and you will get the option to upload a zip file. Now you can choose Rise Blocks through choose File and after uploading the blocks click on Install now button to install the blocks.

Alternately, you can install the block through plugin repository. Search the Rise Blocks in the search bar, you will find the block. Click on the Install Now button to install the plugin.

You will get a notification in the installed plugins section when an update is available. You can update the block by clicking update now under the rise blocks section.

1.2 Adding Blocks

You can add block through multiple ways.

You can add block by clicking Add Block icon found in the top left corner of the page editor toolbar.
Additionally, you can find Add Block icon on the left side of the content area.
You can also find the icon on the central top part just above the content area when hovered.
As you click the icon, a popup dialogue box will appear with a search box at the top. Here you can search your desired block or scroll down to Rise Blocks to get the block.Full
Click the icon to get the block in the content area.

1.3 Customizing Blocks

Select the desired block from the content area.
You can customize the block from the block options available in the right-side panel.

1.4 Arranging Blocks

If you feel you need to arrange the blocks you can follow the following steps:

Click on the 6 dots icon available on the left side of the block.
The mouse pointer will change to hand icon. Then you can grab the block and move upward or downward to your desired location.

1.5 Deleting Blocks

You can remove the block by following ways:

Activate the block and click on three dots available on block toolbar. Click on remove block.
Activate the block and click the delete button on the keyboard.
You can use a shortcut. Click shift+alt+z after activating the block to delete it.

2. Working with Advanced Heading Block

The heading is the first content that we perceive. So catchy and informative headings are what the content should have. Otherwise, the users may change the webpage resulting in high bounce rate.

With Advanced Heading Block, you can get the catchy heading along with sub-heading. Additionally, you can also add a label to it. Furthermore, you can customize from the block option available alongside.

2.1 What can you do with the Advanced Heading block?

Create and add heading, subheading, and a label
Align left, center, or right as per your wish
Set your desired typography and colors
Manage Space between the blocks, heading, and subheading

2.2 Toggling label and subheading

General option offers you whether to display label, subheading, and separator. Additionally you can also choose which heading tag to display for the heading.

2.3 Align your heading

You can align the heading either left, center or right as the content demands. The option is in the block toolbar right above the heading block.

2.4 Desired typography and colors

You can change the typography of heading and subheading. You can also set your desired font weight and size. As for colors you can set it for label and the separator as well.

2.5 Manage space between blocks, heading, and subheadings

Spacing makes the content clear and adjustable to read easily. You will get the option to manage the section, heading, and subheadings.

2.6 Some Extra shots

You can use advanced heading with other blocks to generate other sections. Here’s the quick view.

To display quotes

To display services using icon box

To display team members using profile card

3. Working with Call to action block

A call to action section is a clear direction to the visitors to take a certain action on the website. This action may be to get a quote for the service, to buy the product, or to message the business owner. Hence for the business, a clear Call to Action is very important as it funnels to the desired actions in the website.

With our Call to Action block, you can expect to achieve this behavior as it funnels to the desired action. Click here to view beautiful demos to understand what Call to action block can deliver.

3.1 What can you do with Call to Action block?

Customize the appearance by adding an image in the background.
Make the title attractive with appropriate font size, weight, and family.
Tweak the colors to make it even more beautiful.
Manage space between title and button to make it readable.

3.2 Customizable Appearance

You can set width size, choose between displaying image or solid colors in the background from the block options. You can also modify button appearance from button setting available in the block options.

3.3 Setting up your desired typography

You can modify font family, weight, and size depending upon the nature of the content. Here, you can change the typography for title and button content.

3.4 Tweaking Colors

You can change the colors of Title, Line, Button box and text to the appropriate one.

3.5 Manage Space and make it readable

Make your Call to Action section readable and responsive in all devices through the spacing option available on the block options.

4. Working with Counter Block

Presenting numbers in a paragraph are not a good idea as people just scan the content to get the glimpse. Therefore, if the numbers are presented in a section in a peculiar way then they can grab in just a second.

With Counter Block, you can display the numbers and assign the title to it. Here are the beautiful demos for you to learn more about it.

4.1 What can you do with Counter block?

Customize the layout to make more visually appealing.
Grab the attention of users through appropriate font size, weight, and family of numbers and text.
Tweak the colors to make it even more beautiful.
Manage space between numbers and text to make it readable.

4.2 Customizable Appearance

You can choose either to show box, border, and separator between number and text. Additionally you can determine separator’s height and width.

4.3 Setting up your desired typography

You can modify font family, weight, and size depending upon the nature of the content. You have the option to change the typography for number and text.

4.4 Tweaking Colors

You can change the colors of box, number, text, and separator.

4.5 Manage Space and make it readable

Make your Counter section readable and responsive in all devices through the spacing option available on the block options.

5. Working with Page Slider

Sometimes you may want to set a featured page section that slides important pages like services, notices, etc. in your landing pages. This is what page slider block does.

With Page Slider Block you can choose the pages to make featured and set in a carousel format. you can have a look at the beautiful demos to understand Page Slider Block more clearly.

5.1 What can you do with Page Slider Block?

Customize the appearance by toggling arrows, dots, button, and autoplay.
Make the title, excerpts, and button text attractive with appropriate font size, weight, and family.
Tweak colours of Text and button to make it even more beautiful.
Add a link to an internal page or external resource as per your need.
Manage space to make the content more readable.

5.2 Customize the Appearance

You can do multiple things to customize the appearance.

Toggle title, excerpts, button.
Determine the length of excerpts of the slider section.

Toggle autoplay, infinite loop, arrow, and dots.

Make button - rectangle, curved rectangle or round.

5.3 Setting up your desired typography

You can modify font family, weight, and size depending upon the nature of the content. You have the option to change the typography for title, excerpts and button text.

5.4 Tweaking Colors

You can change the colours of text, and the button. additionally you can add the overlay colour to the background.

5.5 Manage space and make it readable

Make your Page slider section readable and responsive in all devices through height and width option under the content option available on the block options.

5.6 Linking to resource

You can either link to an internal page or external resource.

6. Working with Blog Block

The blog section has its own importance in the website. It may be used to disseminate the news about the company or organization, or the articles on a certain topic that the company finds it useful for their customers.

Blog Block displays a limited number of blog articles in your desire pages. This block is useful when you want to display blog on the home page or certain category articles in related pages.

6.1 What can you do with the Blog Block?

Customize the appearance by toggling featured image, title, excerpts, author, and date.
You can set the post order option - either by publishing date or alphabetically.
You can choose to show only a specific category or all posts.
Set your desired typography and colours

6.2 Customize the appearance

You can do multiple things to customize the appearance.

Determine no of articles in a row.

Toggle title, excerpts, category, author, date, and featured image.
Determine the length of excerpts.
Determine the featured image size.

6.3 Post-order option

You can display the blogs articles either by publishing date or alphabetically. Additionally, you can choose whether to display a specific category or regardless of category.

6.4 Setting up your desired typography

You can modify font family, weight, and size depending upon the nature of the content. You have the option to change the typography for title, excerpts and meta information.

6.5 Tweaking Colours

You can change the colours of text, excerpts, and meta Information. Additionally, you can change hover colour of the title also.

7. Working with Section Block

A section in the website distinct from other blocks as it serves as a container. You can add other blocks and group them together.

7.1 What can you do with Section block?

Customize the appearance
Group the blocks in one section so that you can organize the layout easily by dragging them to the desired position.
Manage the space of the section so that you can display it beautifully.

7.2 Add up other blocks in the section

You can insert any blocks in the section block to display the information.

7.3 Customize Appearance

You can set the layout either full width or boxed. Additionally, you can insert background image or colours. If you choose to insert a background image, you will get more customization like making image fixed, image size, choose overlay colours, etc.

7.4 Manage Space and make it readable

Make your section readable and responsive in all devices through margin and padding option under the space option available on the block options.

8. Working with Icon Box Block

Information, when delivered with only words, will be hard to grab the user's attention but when delivered with graphics it makes easier. Hence, we can use Icon Box Block to display icon immediately to the features.

Icon Box is a useful block when you want to display the features graphically. You can look at beautiful demos to understand what you can create with this block.

8.1 What can you do with Icon Box Block?

Customize the appearance - choosing layouts to display icon or image.
Make the title and description more catchy with appropriate font size, weight, and family.
Tweak the colours to make it more beautiful.
Manage space between title and description to make it readable.

8.2 Customizable Appearance

With the Icon Box block, you can do many things to customize the appearance

with icon box section selected,
a) You can align the layout, decide the number of the box in a row, decide the spacing between the box and toggle box-shadow.
b) You can add an additional box by clicking add new icon box available at the bottom of the icon box section.

With individual icon box selected,
a) You can choose heading tag, decide whether to use an image or icon.
i) When you use an image, you can determine the size, width, and border of the image.

ii) When you use an icon, you can select the icon, determine the size and choose the layout to display it.

8.3 Setting up your desired typography

You can modify font family, weight, and size depending upon the nature of the content. Here change the typography for title and description.

8.4 Tweaking Colors

Change the colours of Background, Title, and the description to the appropriate one. You can also set the colours for the icon.

8.5 Manage Space between title and description

Make your icon box readable and responsive in all devices through the spacing option available on the block options.

9. Working with Profile Card Block

Building trust online is very complicated and difficult at most times. If you don't get it right then the website may not foster the sales. So every component that delivers trustful experience must be displayed to the visitors. Among many, displaying team members is also counted as one of the approaches.

With Profile Card Block, you can display your enthusiastic team members in the about us page or homepage to share with your visitors.

9.1 What can you do with profile card block?

Customize the appearance by choosing desired layout.
Make the title and description more catchy with appropriate font size, weight, and family.
Tweak the colours to make it more beautiful.
Manage space between Name and description to make it readable.

9.2 Customizing Appearance

You can choose the layout from the general settings available in the block options. Additionally, you can also choose either to show box border and shadow that adds the additional effects. To add new profile card click on “add new profile card” button available at the bottom of the Profile card section.

9.3 Setting up your desired typography

You can set your desired typography along with other settings. The option is under the typography section in the block options. You can modify font family, weight, and size depending upon the nature of the content i.e. Name, Designation, and Description.

9.4 Tweaking Colors

You can modify the colours of Name, Designation, Description, and social media icons. you can associate it with website colours to make it more visually appealing.

9.5 Manage Space

Make your Profile card readable and responsive in all devices through the spacing option available on the block options.