Little Widgets
More Products
Instagram Templates
Storygram
72 Template Bundle
Gross
12 Post Templates
Napali
12 Story Templates
Legend
12 Story Templates
Pablo
12 Social Media Templates
Lush
12 Story Templates
Air
12 Story Templates
Rogue
12 Story Templates
Little Widgets
Website Widgets
Marketplace
Store Template
Colordrop
UI Gradients

Use Little Widgets popups and modals with WordPress

wordpress popup

Little Widgets is a huge html collection of pre-made popups, modals, notifications and alerts. All the components are responsive, seamlessly animated and well-made in html, css, js. If you have a website based on WordPress you can use integrate Little Widgets components in a few simple steps:

Connect Little Widgets files with WordPress

Move Little Widgets files (little-widgets.css, little-widgets.js) to the root folder of your WordPress theme (wp-content/themes/YOUR_THEME) using any FTP client (FileZilla, Transmit etc).

Open a file with WordPress template

Find a file "template-functions.php" (YOUR_THEME/inc/template-functions.php) and add this code at the end of this file.

/**
* Adding Little Widgets to Wordpress
*/
function add_little_widgets() {
	wp_enqueue_style( 'little-widgets', get_stylesheet_directory_uri() . '/little-widgets.css' );
	wp_enqueue_script( 'little-widgets', get_template_directory_uri() . '/little-widgets.js' );
}
add_action( 'wp_enqueue_scripts', 'add_little_widgets' );
            

Add Little Widget HTML code

Click "Appearance" and go to "Editor" page

wordpress popup plugin

In a section "Theme files" on the right side, select a file "Theme Footer (footer.php)", paste HTML code before body closing tag and press a button "Update File".

wordpress email form integration

Your front-end work is done. You just integrated Little Widgets with your WordPress. Now you can insert any widget in "footer.php".

Now connect Little Widgets with your back-end part and that's it. Enjoy Little Widgets!