Web Development & WordPress

Cloudflare pro security blocking plugins installation : solution

So, another issue my client faced which i helped her to solve. Client was trying to install a plugins in her wordpress website but cloudflare was blocking it. Client was using paid / pro cloudflare.

I checked cloudflare dashboard and found under Security > Security Rules page, at the bottom there is Cloudflare Managed Ruleset which was showing active ( screenshot below)

Continue reading “Cloudflare pro security blocking plugins installation : solution”
Web Development & WordPress

Contact form 7 data to save in google sheet and also send a mail to admin : n8n Automation

Saving Contact Form 7 Submissions to Google Sheets and Sending Admin Email Notifications Using n8n Automation

So I have tried to create another small automation for Contact Form 7 where the submitted form data will be saved directly in a google sheet  and also will send a mail to admin. 

This approach can be a solution for DigitalOcean droplet where hosting does not allow or block send mail or email  functionality of PHP . 

Here I have used Webhook to receive data from contact form 7 in this format

Continue reading “Contact form 7 data to save in google sheet and also send a mail to admin : n8n Automation”
Web Development & WordPress

Saving WordPress Post comments in google sheets : n8n automation

wordpress post comments to save in google sheets

I have tried to create a small automation using n8n where I have tried to save post comments of my WordPress blog posts directly into google sheet.  I have used n8n to implement this.

In the workflow, I have used webhook  which receive information when posts get any new comments and Append row in sheet helps to append that comment in a new row of google sheet.

Continue reading “Saving WordPress Post comments in google sheets : n8n automation”
Web Development & WordPress

Free Yoga WordPress Site Customization (Header, Footer, Menu & More)

If you want to create a Yoga based site with free wordpress theme you can check this post, i have shared the basic setup guid with some css modification

You can see Demo here.

Here is the OceanWP TheAme.

  1. Here is the initial guide about the setup which you can do easily
Continue reading “Free Yoga WordPress Site Customization (Header, Footer, Menu & More)”
Web Development & WordPress

Receive WordPress post comments to whatsapp:n8n automation

So I tried to create a small automation where I get WordPress post comments directly in my WhatsApp messages whenever anyone comments on any of my WordPress blog posts.

receive wordpress post comments to whatsapp message n8n automation

I used a Webhook and an HTTP Request node. As I understood it, the Webhook is a listener/receiver that receives data. When a comment is made on my WordPress site, the comment is sent to the Webhook using this code:

add_action('wp_insert_comment', function($comment_id, $comment) {
$data = [
'author' => $comment->comment_author,
'email' => $comment->comment_author_email,
'content' => $comment->comment_content,
'post' => get_the_title($comment->comment_post_ID),
'date' => $comment->comment_date
];
wp_remote_post('https://n8n.example.com/webhook/wp-comment', [
'method' => 'POST',
'body' => json_encode($data),
'headers' => [
'Content-Type' => 'application/json'
],
]);
}, 10, 2);

The Webhook receives it in JSON format like this:

Continue reading “Receive WordPress post comments to whatsapp:n8n automation”
Web Development & WordPress

How to Send Shopify Draft Order Invoice Without Checkout Validation Issue

shopify send invoice manually without cart rules

My Client was using shopify store and she faced a frustrating issue. She was trying to send order directly to customers, but when customers was trying to fill in the details and tried to pay, the checkout page was showing some Validation issue because customer is directly using checkout page without giving some information which was necessary in Cart page/ Product page.

Continue reading “How to Send Shopify Draft Order Invoice Without Checkout Validation Issue”
Web Development & WordPress

Edit wp_options table to change Admin Email from dashboard

I was using  wordpress-ubuntu-s-1vcpu-1gb-blr1-01 ( WordPress on Ubuntu 1 vcpu, 1 gb ram)  using digitalocean droplet.

Though i am new of using DigitalOcean droplet, i am much familiar with Cpanel type hosting, where i managed files and databases by own. But in DigitalOcean wordpress droplet I didnt get such option. 

So, after doing Client’s work, i reset the whole wordpress  using Wp Reset Plugins https://wordpress.org/plugins/wp-reset/

Continue reading “Edit wp_options table to change Admin Email from dashboard”
Web Development & WordPress

How to Allow File Upload in Contact Form 7 (Set File Types & 100MB Limit in WordPress)

If you are using Contact Form 7 in WordPress and want users to upload files securely, you can easily configure allowed file types and maximum upload size using the file tag.

For example, something like this:

Various Types of File Upload in  Contact Form 7 with 100MB size

Here is the code which you need to use in Contact Form 7

Continue reading “How to Allow File Upload in Contact Form 7 (Set File Types & 100MB Limit in WordPress)”
Web Development & WordPress

How to Add View More / View Less Button in Elementor Text Editor (No Plugin Needed)

Sometimes you may have long text content in Elementor that you don’t want to show all at once. Showing too much text can negatively affect user experience and page readability.

A simple solution is to use a View More / View Less button that allows visitors to expand or collapse additional content when needed.

Here I have shared how to add a View More / View Less toggle in Elementor Text Editor using HTML, CSS, and a small PHP snippet—without installing any extra Elementor addons.

Continue reading “How to Add View More / View Less Button in Elementor Text Editor (No Plugin Needed)”
Web Development & WordPress

How to Add a Call To Action Section in WordPress Gutenberg (Step-by-Step Guide)

A Call To Action (CTA) is one of the most important elements of a website. It helps guide visitors to take action—such as clicking a button, learning more about your service, or contacting you. WordPress makes this easy using Gutenberg Block Patterns.

Here I am sharing you how to add a Call To Action section in WordPress using the Gutenberg editor, step by step.

Continue reading “How to Add a Call To Action Section in WordPress Gutenberg (Step-by-Step Guide)”