Wordpress

Because there are a number of possible ways for this library to be implemented on Wordpress, specifics can be difficult. Many Wordpress sites are built using different plugins and tools, however we'll do our best to help and make the principles of installing it as clear as possible.

Including JavaScript

To use the WaveOrtho Inquiry Form & Exam Scheduler on your Wordpress site, you'll need to find a plugin that you feel comfortable using, that allows you to inject custom JavaScript. We use a custom JS solution that doesn't seem to be available on the plugins store in Wordpress. If you already have a Wordpress JS solution, you can skip down to the part about installing the JavaScript into the page.

Simple JS Paste Wordpress Plugin

We use the Simple JS Paste plugin by Matthew McDonald. This plugin allows you to inject JavaScript on a single page, which is exactly what we need to use the WaveOrtho Inquiry Form on your Wordpress site.

Installing the Plugin

1. download the Simple JS Paste plugin zip file
2. login to your Wordpress account
3. Select "Plugins" on the left side
4. Next to the title "Plugins", select the "Add New" button (which will take you to the Add Plugins page)
5. Next to the title "Add Plugins", select the "Upload Plugin" button which will trigger a file upload box to appear below
6. Click "Choose File" and select the simple-js-paste.zip file you downloaded above (still zipped) and click "Install Now"

Once you've installed the plugin, you're ready to install the JavaScript on your page

Installing the JavaScript

Once you've downloaded the library and unzipped it, open the file named wave-ortho-inquiry-form.min.js and copy the contents into a script tag using the plugin you've found.

<script>
    //paste contents of file wave-ortho-inquiry-form.min.js here
</script>

Including CSS

To include the CSS, you'll need to have some basic access to edit the HTML of the page. This should be easier, because CSS is safer than JavaScript, which will mean you won't necessarily require a special plugin for adding it. Again, you will also want to open the file wave-ortho-inquiry-form.min.css and copy the contents into a style tag:

<style>
    //paste contents of file wave-ortho-inquiry-form.min.css here
</style>

---

Additional Resources

Take a look at the following pages for more information, or return to the Getting Started Getting Started page.