How to create action after payment confirmed on WooCommerce?

Snippet to start specific function after payment is confirmed on WooCommerce. In this example, after payment is confirmed set the new value to user.

function checkPayment ($order_id) {
    
    ///get the order
    $order = new WC_Order($order_id);
    $user_id = $order->get_user_id();

    ///check for set info
    update_user_meta( $user_id, 'field_name', 'field_value' );
    
}

add_action( 'woocommerce_payment_complete', 'checkPayment' );

Important

This Snippet requires the payment method to call woocommerce_payment_complete() / $order->payment_complete(). Most payment methods do this already because is default on woocommerce payment method.

Do you like the post? Please, leave your comment!

The post Action after confirm payment on WooCommerce appeared first on Eduardo Villão - EN.

Add a mask to the Elementor form

Just download the plugin in the WordPress directory and install it on your website: https://wordpress.org/plugins/form-masks-for-elementor/

See how the plugin works in this video:

Do you see how easy it is?

Do you like the post? Please, leave your comment!

The post How to add a mask to the Elementor form [FREE] appeared first on Eduardo Villão - EN.

Did you ever need to use the Elementor tabs widget (or Tabs), and needed to center the tabs, but did not find these options in the widget? (unfortunately this option does not even exist in the Widget).

Yeah, you’re not the only one. I have received this doubts on social networks and through our consultancy. So, without much fanfare, let’s get the solution!

How to center the tabs?

It’s simple, you’ll need to use CSS code that can be inserted into the Elementor widget itself (if you’re using the PRO version) or the CSS editor for your theme.

.elementor-tabs-wrapper {
    display: flex;
    justify-content: center;
}

Ready, the result will be this:

I hope that you enjoyed.

Do you like the post? Please, leave your comment!

The post How to center Tabs on Elementor appeared first on Eduardo Villão - EN.

It’s easier than you think. I’ll show below.

How to center the Contact Form 7 submit button

To do this is very simple. You just need to create your contact form the way you want it, and add the following code in your CSS editor or theme editor:

input.wpcf7-form-control.wpcf7-submit {
   display: block;
   margin: 0 auto;
}

Ready, the result will be this:

I hope that you enjoyed.

Do you like the post? Please, leave your comment!

The post How to center the Contact Form 7 submit button appeared first on Eduardo Villão - EN.