Or, embed this snippet using GenerateWP WordPress Plugin.

Download

Clone

Kangu

Teste Calculadora Kangu

// Add Shortcode
function custom_shortcode() {

	<div id="rp_shipping_calculator">
	    <div class="rp_shiiping_form">
	        
	        <div class="rp_message"></div>
	        <?php endif; ?>
	        <form class="woocommerce-shipping-calculator" action="" method="post">
	            <section class="shipping-calculator-form" style="padding-top: 0; display: grid;">
	                <?php if (is_product()) { ?>
	                <?php global $post; ?>
	                <input type="hidden" name="product_id" value="<?php echo esc_attr($post->ID); ?>" />
	                <?php } ?>
	                <?php if (apply_filters('woocommerce_shipping_calculator_enable_city', false)): ?>
	                    <div class="form-row form-row-wide">
	                                        </div>
	                <?php endif; ?>
	                <?php if (apply_filters('woocommerce_shipping_calculator_enable_postcode', true)): ?>
	                    <div class="form-row form-row-wide shipping_postcode">
	                        <input type="text" style="float: left; width: 50%;" class="input-text text" value="" placeholder="00000-000" name="calc_shipping_postcode" id="calc_shipping_postcode" />
							<button type="submit" id="rp_calc_shipping" echo "<td >  </td> Calcular Frete <?php _e('Calcular', 'rpship'); ?></button>
							<span class="loaderimage"><img src="<?php echo esc_url(self::$plugin_url); ?>assets/images/rp-loader.gif" alt=""></span>
	                	</div>
	                <?php endif; ?>
	                <div id="shipping_options_price" style="margin-top:20px; display: block;">
	                    <?php KanguShipping::get_shipping_methods(); ?>
	                </div>
					<br />
	                <?php wp_nonce_field('woocommerce-cart'); ?>
	            </section>
	        </form>
	    </div>
	</div>
	

}
add_shortcode( 'kangu', 'custom_shortcode' );