Since WebAcappella Fusion hardly uses Bootstrap libraries anymore, it is necessary to make a call to "popper.min.js" to ensure the proper functioning of certain plugins by copying the code below and pasting it into the head of your site.
Recent changes to WebAcappella Fusion have rendered some plugins obsolete.
Some plugins are not compatible with the lightweight version of Bootstrap.
It is recommended to convert plugins from V1 or V2 to V3 format.
You will find two types of plugins on the site:
To avoid code conflicts, it is not recommended to use multiple plugins on the same page.
Modifying a plugin requires a minimum level of knowledge.
The available plugins work correctly on the site, but there is no guarantee that they will work the same way on yours.
- The 100% WebAcappella fusion plugins designed exclusively with the Intuisphere software.
- The other plugins are not original creations but the result of internet searches. They have been annotated to facilitate their use in the WebAcappella Fusion software.
To avoid code conflicts, it is not recommended to use multiple plugins on the same page.
Modifying a plugin requires a minimum level of knowledge.
The available plugins work correctly on the site, but there is no guarantee that they will work the same way on yours.
If, after installing a plugin, you notice a malfunction on your site, remove the box or the CSS code used.
The plugin is in the form of a copy box.
It consists of an HTML component and CSS code placed in the component's CSS tab.
The plugin in the form of CSS code.
It consists of CSS code to be placed in the CSS tab of a component.
It consists of an HTML component and CSS code placed in the component's CSS tab.
The plugin in the form of CSS code.
It consists of CSS code to be placed in the CSS tab of a component.
Importing a plugin in box format.
1. Download the plugin archive.
2. Import the plugin archive into WebAcappella Fusion.
3. Copy the box labeled "Copy box".
4. Open the destination project.
5. Paste the box copied in step #3.
Importing a plugin as CSS code.
1. Using the available button, copy the CSS code.
2. Open the destination project.
3. Paste the copied code into the component's CSS tab.
1. Download the plugin archive.
2. Import the plugin archive into WebAcappella Fusion.
3. Copy the box labeled "Copy box".
4. Open the destination project.
5. Paste the box copied in step #3.
Importing a plugin as CSS code.
1. Using the available button, copy the CSS code.
2. Open the destination project.
3. Paste the copied code into the component's CSS tab.
In WebAcappella Fusion, the code for an image is defined as follows :
Replacing an image.
1. Select the code located between the two apostrophes.
2. Click on the "Insert image URL" button.
3. Continue by indicating the location of the image on the hard drive.
Replacing an image.
1. Select the code located between the two apostrophes.
2. Click on the "Insert image URL" button.
3. Continue by indicating the location of the image on the hard drive.
In WebAcappella Fusion, the code of a file is defined as follows :
Replacing a file.
1. Select the code located between the two apostrophes.
2. Click the "Insert file URL" button.br>3. Continue by specifying the location of the file on the hard drive.
Replacing a file.
1. Select the code located between the two apostrophes.
2. Click the "Insert file URL" button.br>3. Continue by specifying the location of the file on the hard drive.
In CSS, a color code is defined by a hexadecimal code or an RGB code.br>Code RGB => rgb(205, 92, 92)
Hexadecimal code=> #CD5C5C
To change a color, replace the code with the one corresponding to the desired color. You can use this color code generator.
Hexadecimal code=> #CD5C5C
To change a color, replace the code with the one corresponding to the desired color. You can use this color code generator.
For effective SEO, consider customizing the Hn tags in your texts.
Also, remember to customize the meta tags of your images.
You can add all the elements available in Web Acappella Fusion to your template.
Also, remember to customize the meta tags of your images.
You can add all the elements available in Web Acappella Fusion to your template.
1. Import the template archive into WebAcappella Fusion.
2. Start customizing your template. You can add all the elements available in Web Acappella Fusion to your template.
2. Start customizing your template. You can add all the elements available in Web Acappella Fusion to your template.
Some plugins have been annotated to facilitate their use and/or modification. There are three types of comments in the code used for the plugins.
In CSS code, comments appear in this form :
/* Comments */
In JS code, comments appear in this form :
// Comments
In HTML code, comments appear in this form :
<-- Comments -->
CodePen : Online Plugins
Lipsum : Lorem Ipsum Generator
Codes Couleur HTML : Get color codes
Flaticon : Free icons for personal use
Générateur HTML gratuit en ligne : Format your text
Lotties Files : Free Lotties Activities
Outils référencement : Analyze your Hn tags
PageSpeed Insights : Improve the loading speed of your web pages
Pixabay : Royalty-free and free to download photos
TinyPNG : Image compression
WebAcappella : Site WebAcappella - Forum WebAcappella
Lipsum : Lorem Ipsum Generator
Codes Couleur HTML : Get color codes
Flaticon : Free icons for personal use
Générateur HTML gratuit en ligne : Format your text
Lotties Files : Free Lotties Activities
Outils référencement : Analyze your Hn tags
PageSpeed Insights : Improve the loading speed of your web pages
Pixabay : Royalty-free and free to download photos
TinyPNG : Image compression
WebAcappella : Site WebAcappella - Forum WebAcappella
Some plugins were created with the first version of WebAcappella Fusion and contain V1 components. It is recommended to replace them with V3 components.
1. In the tree view on the right, select component V1.
2. Right-click + Convert to V3.
3. Delete component V1.
4. Drag and drop the V3 component created by WebAcappella Fusion.br>
1. In the tree view on the right, select component V1.
2. Right-click + Convert to V3.
3. Delete component V1.
4. Drag and drop the V3 component created by WebAcappella Fusion.br>
Responsive
W3C Validation
WAFusion
100% free