How to add Code Snippets By Webpals in Wordpress

Creates a meta box for inserting code within wysiwyg. Wordpress Tutorial

Noted That:

To install correctly this code-snippets-by-webpals.zip .
Fisrt Download the code-snippets-by-webpals.zip to your computer
Extract/Open code-snippets-by-webpals.zip to Your Computer.
Then, Find readme.txt file inside code-snippets-by-webpals.zip and Open readme.txt .
Now, Read the Requirements of this plugin. Which Wordpress Version and PHP Version are required to run this Plugin in Your Wordpress Site.
Then, Follow the Tips Below.

Start the Tips:

Step-1 : Download " code-snippets-by-webpals.zip " to Your Local Computer.

Step-2 : Then, Login to your " yourdomain.com/wp-admin " Dashboard.

Login to Wordpress Code Snippets By Webpals

Step-3 : Then, Click on " Plugins " + " Add New " from left Side Menu of Dashboard.

Go to Plugin Install Code Snippets By Webpals

Step-4 : Now, Click on " Upload Plugin " button.

Click Upload Button Code Snippets By Webpals

Step-5 : Now, Browse " code-snippets-by-webpals.zip " Downloaded plugin from your computer, Where you downloaded " code-snippets-by-webpals.zip " According to Step – 1 Above then, click on " Install Now "

Step-6 : Now, Click on " Active Plugin "

Step-7 : Then, See left Side Menu. " Code Snippets By Webpals " folder is added on left Side Menu. Now, Click on " Code Snippets By Webpals " folder.

Noted that: If you do not see " Code Snippets By Webpals " folder on left Side Menu then, see at left Side Menu " Settings " or " Tools ".

Step-8 : Now you configure yourself oR Watch video tutorial below about Code Snippets By Webpals Configurations and Settings or How to work " Code Snippets By Webpals " in your WordPress site.

After Activated Plugin According to Step-6 then,

Go to " Plugins " + " Installed Plugin " from Wordpress Admin Panel Leftside Menu.
or Direct go to: https://yourdomain/wp-admin/plugins.php
Then, Find " Code Injection For WYSIWYG " Activated Plugin from Plugin List.
Then, Click on " Settings " from Plugin that is Code Injection For WYSIWYG
Now, Edit/Add/Config the setting and Click on " Save Changes " button,

Guide
After activation, the plugin meta box will appear at the bottom of the admin editor page (ex. “Admin”-> ”Posts”-> ”hello world”). “Plugin meta box”-> “1st text field”. Within the plugin meta box enter the shortcode on the upper text field. “Plugin meta box”-> “2nd t text field”. Enter the content that should replace the shortcode on the front-end. Next to the 1st input field a short code shpuld appear, copy paste the generated shortcode to the “wysiwyg” meta box. Finally, update the page. You should see the result on the front-end of the site. U can use the “Add Code Snippet” & “Remove” for adding or removing a shortcode. .

Guide

After activation, the plugin meta box will appear at the bottom of the admin editor page (ex. “Admin”-> ”Posts”-> ”hello world”).
“Plugin meta box”-> “1st text field”. Within the plugin meta box enter the shortcode on the upper text field.
“Plugin meta box”-> “2nd t text field”. Enter the content that should replace the shortcode on the front-end.
Next to the 1st input field a short code shpuld appear, copy paste the generated shortcode to the “wysiwyg” meta box.
Finally, update the page. You should see the result on the front-end of the site.
U can use the “Add Code Snippet” & “Remove” for adding or removing a shortcode.
.

Name
How to add Super Easy Testimonials in Wordpress
How to add Refresh in Wordpress
How to add Dead Trees in Wordpress
How to add Mpandco in Wordpress
How to add Wp Contents Dynamic Display in Wordpress