How to add new pricing tables to Hestia PRO

Video Tutorial

Hestia Pro comes with a pricing section that offers you two pricing tables options. You can set them here  Appearance > Customize > Frontpage Sections > Pricing.

If you want to add new pricing tables, the first step is to create  a child theme.

After the child theme is created, add a folder named inc. Go to the inc folder and add another folder called sections.

In the newly created folder, copy the hestia-pricing-section.php file from the main theme.

At the end of this process, you will have to find the pricing section file located in the child theme folder:  \inc\sections\hestia-pricing-section.php

Open the file, find the code between  <section id="pricing" data-sorder="hestia_pricing">  and </section> then replace it with the following code:

<section class="pricing section-gray" id="pricing" data-sorder="hestia_pricing">
	<div class="container">
		<div class="row">
			<div class="col-md-4">
				<?php if ( ! empty( $hestia_pricing_title ) || is_customize_preview() ) : ?>
					<h2 class="title"><?php echo esc_html( $hestia_pricing_title ); ?></h2>
						<?php endif; ?>
						<?php if ( ! empty( $hestia_pricing_subtitle ) || is_customize_preview() ) : ?>
							<p class="text-gray"><?php echo esc_html( $hestia_pricing_subtitle ); ?></p>
						<?php endif; ?>
					</div>
					<div class="col-md-7 col-md-offset-1">
						<div class="col-md-4">
							<div class="card card-pricing card-raised">
								<div class="content">
									<?php if ( ! empty( $hestia_pricing_table_one_title ) || is_customize_preview() ) : ?>
										<h6 class="category"><?php echo esc_html( $hestia_pricing_table_one_title ); ?></h6>
									<?php endif; ?>
									<?php if ( ! empty( $hestia_pricing_table_one_price ) || is_customize_preview() ) : ?>
										<h3 class="card-title"><?php echo wp_kses_post( $hestia_pricing_table_one_price ); ?></h3>
									<?php endif; ?>

									<?php if ( ! empty( $hestia_pricing_table_one_features ) ) : ?>
										<ul>
											<?php foreach ( $hestia_pricing_table_one_features as $feature ) : ?>
												<li><?php echo wp_kses_post( $feature ); ?></li>
											<?php endforeach; ?>
										</ul>
									<?php endif; ?>

									<?php if ( ( ! empty( $hestia_pricing_table_one_link ) && ! empty( $hestia_pricing_table_one_text ) ) || is_customize_preview() ) : ?>
										<a href="<?php echo esc_url( $hestia_pricing_table_one_link ); ?>" class="btn btn-primary btn-round"><?php echo esc_html( $hestia_pricing_table_one_text ); ?></a>
									<?php endif; ?>
								</div>
							</div>
						</div>
						<div class="col-md-4">
							<div class="card card-pricing card-plain">
								<div class="content">
									<?php if ( ! empty( $hestia_pricing_table_two_title ) || is_customize_preview() ) : ?>
										<h6 class="category"><?php echo esc_html( $hestia_pricing_table_two_title ); ?></h6>
									<?php endif; ?>
									<?php if ( ! empty( $hestia_pricing_table_two_price ) || is_customize_preview() ) : ?>
										<h3 class="card-title"><?php echo wp_kses_post( $hestia_pricing_table_two_price ); ?></h3>
									<?php endif; ?>
									<?php if ( ! empty( $hestia_pricing_table_two_features ) ) : ?>
										<ul>
											<?php foreach ( $hestia_pricing_table_two_features as $feature ) : ?>
												<li><?php echo wp_kses_post( $feature ); ?></li>
											<?php endforeach; ?>
										</ul>
									<?php endif; ?>
									<?php if ( ( ! empty( $hestia_pricing_table_two_link ) && ! empty( $hestia_pricing_table_two_text ) ) || is_customize_preview() ) : ?>
										<a href="<?php echo esc_url( $hestia_pricing_table_two_link ); ?>" class="btn btn-primary btn-round"><?php echo esc_html( $hestia_pricing_table_two_text ); ?></a>
									<?php endif; ?>
								</div>
							</div>
						</div>
						<div class="col-md-4">
							<div class="card card-pricing card-plain">
								<div class="content">
										<h6 class="category"><?php echo "Ultra Package"; ?></h6>
										<h3 class="card-title"><?php echo "99$"; ?></h3>
										<ul>
											<li><?php echo "<b>Unlimited</b> Domains"; ?></li>
											<li><?php echo "<b>Unlimited</b> Storage"; ?></li>
											<li><?php echo "<b>Unlimited</b> Bandwidth"; ?></li>
											<li><?php echo "<b>Unlimited</b> Databases"; ?></li>
										</ul>
										<a href="<?php echo "www.themeisle.com"; ?>" class="btn btn-primary btn-round"><?php echo "BEST DEAL"; ?></a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>

Save the file and check to see if your website now has three pricing tables.

To change the details of the third pricing table, just edit these details.

		<h6 class="category"><?php echo "Ultra Package"; ?></h6>
			<h3 class="card-title"><?php echo "99$"; ?></h3>
				<ul>
					<li><?php echo "<b>Unlimited</b> Domains"; ?></li>
					<li><?php echo "<b>Unlimited</b> Storage"; ?></li>
					<li><?php echo "<b>Unlimited</b> Bandwidth"; ?></li>
					<li><?php echo "<b>Unlimited</b> Databases"; ?></li>
				</ul>
				<a href="http://www.themeisle.com" class="btn btn-primary btn-round"><?php echo "BEST DEAL"; ?></

And that will do. Save the file, and you're done!