Sometimes, you need to add CORS headers to your WordPress website to use 3rd party services.
Adding CORS using the functions.php file
To add cors using functions.php
file on WordPress, you can use the init
hook and instruct it to add the needed headers using PHP
as follow:
add_action('init', function (){ header('Access-Control-Allow-Origin: *'); header('Access-Control-Allow-Methods: GET, POST'); header("Access-Control-Allow-Headers: X-Requested-With"); });
Adding CORS using htaccess file
To add the same headers using the htaccess
file, you use the following rules:
<IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" Header set Access-Control-Allow-Methods "GET, POST" Header set Access-Control-Allow-Headers "X-Requested-With" </IfModule>