Hello,
The Beaver Builder plugin has been a great success on our site. I could not have pulled it off without you.
I received the following instructions to integrate a new webcam page into our website. We’re using the Beaver Builder theme. I found that we don’t have a “page-templates” directory. Then I realized that since the BB plugin does things differently than a regular WP site and that there is probably a better way than what the instructions say.
Could you look at the instructions below and let me know if there is a better way to do this in our Beaver Builder site? For example, can I just insert the link to their stylesheet and their javascript into the Customizer in the appropriate code section? I’m probably going to try it, but I’d really appreciate your insight.
Here’s what they gave me:
Integrating Violet with WordPress
1. Connect to your web server via your favorite FTP client.
2. Navigate to the "page-templates" directory for your current active WordPress theme.
/wp-content/themes/[theme name]/page-templates/
3. Duplicate the template you'd like to use for the Prism Cam page, re-name the file prism.php.
4. Open the new template file in a text editor then apply the following edits.
5. Change the text proceeding "Template name:" at the top of the file to "Prism Cam".
6. Insert the following html code just above "<?php get_footer(); ?>" at the bottom of the file.
7. <link href="http://app.prismcam.com/public/views/prism.css" rel="stylesheet" type="text/css" />
8. <script src="http://app.prismcam.com/public/libs/prism.core.js"></script>
9. Insert the following line of code within whatever page element you'd like to act as the shell for the cam interface.
<div class="prism-camShell" cam-id="27"></div>
10. Save the file then upload it into the page-templates directory referenced in step 2.
11. Create or edit a page in WordPress & set the page template to Prism.