Corner Ad features:
» Minimally invasive
» Display the ad at top corner area of the page
» The animation in the Corner Ad captures the user’s attention
» It is possible to associate an image and an URL to the Corner Ad
» The target of the link can be selected
» Configurable background color for the ad to match the web page design
» Automatic mirror effect
» Configurable time for automatic open and close actions
Corner Ad is a minimally invasive advertising display that uses any of your webpage’s top corners – a position typically under-utilized by developers – and attracts users’ attention by a cool visual effect imitating a page flip. Corner Ad initially displays a partial ad, which attracts attention; when user hover the mouse over it, the ad opens to its full size while imitating a page-flip effect; once the mouse is moved away, the ad returns to its initial size.
Corner Ad can also be used for announcements, newsflashes, and basically for anything else that you consider important and want your website visitors to see. It is common nowadays that visitors quickly scan the contents of a page and often fail to notice messages that you would like them to see; Corner Ad attempts to resolve this issue.
More about the Main Features:
- Minimally invasive.
- Display the ad at top corner area of the page.
- The target of the link can be selected, so it can open the new page in the same browser’s window or into a new window.
- Configurable background color for the ad to match the web page design.
- Automatic mirror effect
- Configurable time for automatic open and close actions.
- The corner ad effect is based on HTML 5 using the SVG tags.
The base plugin, available for free from the WordPress Plugin Directory has all the features you need to create an audio and video player on your website.
- Supports multiple ads into the same website (each ad in a different page) to promote different products.
- Allows the selection of which top corner area of the page (right or left) will be used to display the ad to avoid overwriting important elements like logos, menus or search features.
- Count the number of click for Ads. The number of clicks on the ads, measures the impact of advertising on the web site’s users.
- Allows to associate multiple images to the same ad. The ad image is selected randomly each time is loaded the page containing the Corner Ad.
- Allows to associate a audio file to the advertising obtaining a bigger impact. The audio file will play in background.
- Allows to enter multiple ids in the shortcode, separated by comme, for example:
[corner-ad id="1,2,3"], to select randomly the ad to include in the webpage.
The “Corner Ad” is the perfect replacement of the old and invasive banners, the “Corner Ad” is small but its location and animation is able to capture the user’s attention.
The “Corner Ad” plugin allows the specific integration with the following editors:
- Classic WordPress Editor.
- Gutenberg Editor.
- Page Builder by SiteOrigin.
- BeaverBuilder Editor.
- For other editors, the shortcodes should be inserted using other controls of general purpose, like the controls for inserting HTML or shortcodes.
Demo of Premium Version of Plugin
If you want more information about this plugin or another one don’t doubt to visit my website:
Creating an Ad
To create an ad go to the settings page under the menu “Settings > Corner Ad” or the link “settings” into the plugins area. The first screen will display the list of ads already created and a button “Create New Ad” for adding new ads.
- To create a new ad, use the “Create New Ad” button.
- To edit an existent ad, use the “Edit” button related to the ad.
- To delete an ad, use the “Remove” button related to the ad.
The edition screen allows the configuration of the ad featuring the following options:
- Ad name: Name used to identify the ad in the list.
- Ad Link: Link to a page that will be opened when the user clicks on the ad. The link must be an absolute URL if you are promoting an external website.
- Open Ad in: The options are “New page”, to open the page in a new browser window, or “Self Page”, to keep the navigation in the same browser window.
- Ad image: Address (URL) of the image that will be used for the ad. If you click the “Browse” button the WordPress media library will be opened to select one of the images already available in your WordPress website and you can also add new images there. It is possible to associate multiple images to the same Ad, the images will be randomly selected to display in page.
- Ad audio: Address (URL) of audio file to play in background.
- Set as mirror: Automatically enable the image mirror on the ad.
- Use corner with color: Applies a color to the ad cover.
- Display Ad in corner: For selecting which top corner (Left or Right) will be used to display the ad.
- Open corner in: Time in seconds to automatically open the ad.
- Close corner in: Time in seconds to automatically closet the ad.
- From (optional): Date with the format yyyy-mm-dd. If a date is entered, the ad is displayed from this date (included).
- To (optional): Date with the format yyyy-mm-dd. If a date is entered, the ad is displayed until this date (included).
Inserting the Ad
To inset the ad into a post or page open the post/page for editing and use the “Corner Ad” icon that is located above the editor.
A floating panel will appear allowing the selection of the corner ad to be inserted into the post/page. Once selected a shortcode with the ad’s ID will be inserted into the content., for example:
[corner-ad id="3"] (the 3 is the ID of the ad in this sample).
To insert an ad directly into the website theme to display it across all the pages or into specific sections, edit the template and insert the following code fragment:
<?php echo do_shortcode('[corner-ad id="3"]'); ?>
To identify the ID that belongs to each ad, go to the page in the settings area where the ads are created. On that list each ad has its shortcode with its ID.
This plugin provides 1 block.
- Corner Ad
To install Corner Ad, follow these steps:
- Download the plugin (zip file).
- Go to the WordPress Plugins menu in the dashboard area.
- Press the “Add New” button.
- Click the “Upload” link and select the downloaded plugin.
- Once installed click “Activate” to enable it.
Q: Why the image does not cover the entire corner?
A: The Corner Ad has square form, so it is recommended to use proportional images (it is recommended the use of square images greater than 400×400 pixels).
Q: Is supported the plugin “Corner Ad” on mobiles?
A: Yes it is. From the version 1.0.5, the “Corner Ad” plugin was re-implemented to be supported natively by the most popular browsers, even their mobile versions.
Contributors & Developers
“Corner Ad” is open source software. The following people have contributed to this plugin.Contributors
“Corner Ad” has been translated into 1 locale. Thank you to the translators for their contributions.
Translate “Corner Ad” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
- First version released.
- Improves the plugin documentation.
- Increase the z-index assigned to the corner ad, to solve an issue with the headers in some themes.
- Allows the use of new versions of jQuery framework, include with the latest updates of WordPress.
- Crop the images used in the corner ad in square size.
- Reimplementation of the Corner Ad. The new version uses SVG to extend the support to the mobiles devices.
- Loads the Corner Ad directly, and not through jQuery, to prevent an issue on web pages, where jQuery is loaded directly from a CDN server, and not from the website.
- Modifies the z-index assigned to the Corner Ad.
- Modifies the styles assigned to the Corner Ad.
- Allows to select a different image for the shrunken status of the corner ad.
- Modifies the Ad animation, loading better the big image.
- Calls the esc_html function of WordPress for fixing a vulnerability with the name of the “Corner Ad” (Thanks to www.exploit-db.com for identifying the vulnerability and warn us)
- Improves the access to the help.
- Includes a predefined language file.
- Includes some changes in the dialog to insert the shortcode.
- Improves the access to the plugin page.
- Modifies the module for accessing the WordPress reviews section.
- Fixes an issue in the promote banner.
- Fixes some minor issues.
- Includes the integration with Gutenberg, the editor that will be distributed with the next versions of WordPress.
- Improves the integration with the Gutenberg editor.
- Modifies the way the shortcode is displayed in the settings page of the plugin.
- Removes and optimize some queries to increase the plugin’s performance.
- Modifies the activation/deactivation modules to improve these processes.
- Modifies the integration with the Gutenberg editor, to adjust the plugin to the latest version of Gutenberg.
- Hides the promotion banner for the majority of roles and fixes a conflict between the promotion banner and the Gutenberg editor.
- Fixes some texts in the deactivation window.
- Includes a new section in the settings page of the plugin to allow showing an Ad by default on every page of the website, the homepage, or pages of specific post types (the shortcodes inserted on pages have precedence)
- Fixes an issue scaling the images in Ads.
- Solves a conflict with the “Speed Booster Pack” plugin.
- Fixes a conflict with the latest update of the Gutenberg editor.
- Fixes an issue between the Promote Banner and the official distribution of WP5.0
- Includes an auto-update and registration module, in the commercial version of the plugin.
- Modifies the language files and the header section of the plugin.
- Includes two new attributes for controlling the ads by date intervals.
- Fixes an issue with from and to attributes in the ads settings.
- Includes specific widgets to integrate the plugin with the Elementor editor.
- Modifies the blocks for the Gutenberg editor, preparing the plugin for WordPress 5.1
- Includes specific widgets to integrate the plugin with the Page Builder by SiteOrigin.
- Fixes an issue with the from and to attributes in the ads settings.
- Fixes some notices in the code.
- Modifies the shortcode to allow inserting them without the id attribute, in whose case the plugin would display the existent ad in the free version, or any of ads in the professional version of the plugin.
- Includes a new option in the settings page of the plugin allowing to select the default Ad randomly.
- Fixes some issues with the quotes signs.
- Fixes some conflicts with the pages builders, and browsers extensions.
- The commercial version of the plugin allows to insert two ads at once in the same page, one per corner-top.
- Includes the integration with the BeaverBuilder Editor.
- Modifies the plugin to allow the click events on ads be registered by JetPack.
- Modifies the access to the demos.
- Includes tips directly in the ads settings.
- Updates the language files.
- Adapts the plugin’s block to the latest version of the Gutenberg editor.
- Fixes an issue escaping the ampersand symbols in some URLs.
- Includes a new section to integrate the ads with Google Analytics, to generate a new event with every click action.
- Includes a video tutorial in the plugin’s settings to improve the users’ experience.
- Fixes a conflict with Elementor.
- Improves the accessibility.
- Modifies the behavior of the ads for scaling in small screens.
- Improves the integration with the gutenberg editor.
- Modifies the Elementor widget.
- Includes a new option in the Ad settings to configure the device (Mobile or Desktop) where display the Ad.
- Modifies the Elementor widget.
- Modifies the Google Analytics integration giving more control over the Analytics events information.
- Optimizes the plugin code.
- Fixes an issue in the redirection to the Ads’ URLs.
- Modifies functions deprecated by the latest Elementor update.
- Improves the plugin code and security.
- Fixes a vulnerability detected by the Wordfence Threat Intelligence Team, and special thanks to Marco, Associate Vulnerability Analyst.
- Improves the plugin security.
- Modifies the integration with Elementor to ensure compatibility with the latest version of Elementor.