How to add Scrollrevealjs Effects in Wordpress

• To install correctly this scrollrevealjs-effects.zip .
• Fisrt Download the scrollrevealjs-effects.zip to your computer
• Extract/Open scrollrevealjs-effects.zip to Your Computer.
• Then, Find readme.txt file inside scrollrevealjs-effects.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.

Step-1 : Download " scrollrevealjs-effects.zip " to Your Local Computer.

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

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

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

Step-5 : Now, Browse " scrollrevealjs-effects.zip " Downloaded plugin from your computer, Where you downloaded " scrollrevealjs-effects.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. " Scrollrevealjs Effects " folder is added on left Side Menu. Now, Click on " Scrollrevealjs Effects " folder.

Noted that: If you do not see " Scrollrevealjs Effects " 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 Scrollrevealjs Effects Configurations and Settings or How to work " Scrollrevealjs Effects " in your WordPress site.

After Activated Plugin According to Step-6 then,

1. Go to " Plugins " + " Installed Plugin " from Wordpress Admin Panel Leftside Menu.
2. or Direct go to: https://yourdomain/wp-admin/plugins.php
3. Then, Find " ScrollReveal.js Effects " Activated Plugin from Plugin List.
4. Then, Click on " Settings " from Plugin that is ScrollReveal.js Effects
5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,

From your WordPress dashboard

Visit ‘Plugins > Add New’
Search for ‘ScrollReveal.js Effects’
Activate ScrollReveal.js Effects from your Plugins page.

From WordPress.org

Download ScrollReveal.js Effects.
Upload the ‘scroll-reveal-js’ directory to your ‘/wp-content/plugins/’ directory, using your favorite method (ftp, sftp, scp, etc…)
Activate ScrollReveal.js Effects from your Plugins page.

Once Activated

Go to ScrollReveal.js > Used Effect and

• manage used effect at yout theme
• add new effect to your theme
• configure ScrollReveal.js

Adding new effect

• Choose page for find your identificator which has to be animated
• Type values of parameters for various effects
• Type only numbers, units are not required
• !IMPORTANT – for scale parametr use way like “down 100” or “up 100”

Configure ScrollReveal.js

Set using on mobile, starting element opacity etc.

Check ScrollReveal.js Configuration for informations