Using plugins and modules



Content Plugin (embed CE Form inside an article)

The Contact Enhanced Plugin
The Contact Enhanced PluginClick to watch
2:37 minutes
1082 views
Average: 5.00
Votes: 3

Description

Contact Enhanced already gives you a lot of flexibility to display your Contact page with the Single Contact Form menu item, however sometimes you might need a greater flexibility and add CE Form inside an article or inside another component that is compatible with Content plugins.

Requirement

  1. Have set up at least one category, one or more contacts;
  2. Enable the Content - Contact Enhanced Form plugin;
  3. Enable the Button - Contact Enhanced Form plugin;

How To Access

To create a new Recorded Messages Menu Item:

  • Select Extensions Plugin manager from the drop-down menu on the back-end of your Joomla! installation;
  • Search for the Contact Enhanced and enabled the Button and Content plugins;

Usage

CE Editor Button Options

 The Button - Contact Enhanced Form plugin helps you to add the correct syntax. When it is enabled you should see this button below the content editor, then click on it to open a modal window with the options (see image on the right).

Choose the options you want , then under the Contacts tab select which Contact you want to display in the form;

If you do not want to enable the Editor Button, then you can manually enter the following syntax inside the Joomla article:
{loadcontact id=|ID| }

You just have to change the ID for your contact id;

You can also add the Map or display in a modal window and a few additional options, Contact details and Contact image, by using this code:

{loadcontact id=|ID| map=|before_form OR after_form| form=|yes OR no| details=|before_form OR after_form OR before_map OR after_map| image=|before_details OR after_details|type=|embedded OR modal|text=|Text to that will display when type is set to modal|modal_width=|800l| modal_height=|500| modal_template=|beez5| fields=|cf_ID=value&cf_ID2=Another value| }

Syntax explained:

  • id: Contact Enhanced Contact's ID to load the form; * This is the ONLY required syntax parameter;
  • type: Whether or not to display the form in a modal window; Possible values: [blank], embedded, modal;
  • fields: Used to add a default value to one or more custom fields; add multiple fields in a URL query syntax, where the "&" is simply a connector for multiple fields and ID is the custom field ID;Example: fields=|subject=A custom subject goes here&cf_ID=some text|
    You can also change the email recipient by adding the recipient field like this:
    fields=|recipient=someone@domain.com&subject=A custom subject goes here&cf_ID=some text
  • Parameters only available if type=|embedded|or if there is no type parameter:
    • map: Whether to load the contact map or not. Possible values: before_form, after_form, [none];
    • details: Whether to load a contact details or not. Possible values: before_map, after_map, before_map, after_map, [none];
    • image: Whether to load the contact image or not. Possible values: before_form, after_form, [none];
  • Parameters only available if type=|modal|:
    • text: Text that will be displayed in the link; Can be text or an image;
    • modal_width: Modal window width size in pixels; Use numbers only;
    • modal_height: Modal window height size in pixels; Use numbers only;
    • modal_template: Template to load the modal window; You can choose any template installed on your Joomla site to load the Contact Enhanced form;
  • Parameters only available if the  search=|field=value| is present and if the id parameter is missing. It is a method for loading a contact  by searching for the name or another contact field. For example you can load a contact form by the Contact's name and the contact name is John Smith, then use search=|John Smith|
    • search_operator: If you don’t want to write the entire name, you can use the LIKE attribute. For example, if your contact name is John Smith, you can simply search for “John” and using the the LIKE attribute, Contact Enhanced will pull up the contact.{loadcontact search=|name=John| search_operator=|LIKE| }
    • searchfrase: if searchfrase=|any| then it will search for any of the keywords, either John or Smith; Keep in mind that it will load the first one, ordered by ordering;

If you enable the "Button - Contact Enhanced Form" Plugin in order to help add Contact Enhanced (CE) Form into an article. It will add a button below your WYSIWYG Editor.

Important:

  • Please make sure that you have Contact Enhanced component installed correctly, otherwise the plugin will not work;
  • In the Plugin Parameters (Options) set the "After form is submitted show" option in order to choose the component behavior once the form is submitted;

 

If you are using Contact Enhanced for Joomla 1.5 you only have these options:

{loadcontact id=|ID| map=|before_form OR after_form|type=|embedded OR modal|text=|Text to that will display when type is set to modal|}

This screencast made by Dale covers the installation and usage of the Contact Enhanced plugin.

Contact Enhanced Form Module

Description

With this new module we can display a form, contact details (including image) and map in a module position.

Requirements

  1. Have Contact Enhanced Component installed;
  2. Have created at least one category, one contact and custom fields;

Usage

This module is installed automatically when you purchase the FULL Package. If you purchase it separately, install the module in the standard Joomla way ergo through the extension manager.

Read more: Contact Enhanced Form Module

Search Module

Description

This module allows you to search for contacts in Contact Enhanced.

Requirements

  1. Have Contact Enhanced Component FULL package installed;
  2. Create a Contact Enhanced -> Search menu item;

 

Contact Enhanced Search Module OptionsUsage

  • Select Extensions → Module Manager from the drop-down menu on the back-end of your Joomla! installation.
  • Select add a new module and choose Contact Enhanced Search module!
  • Under the Options tab you will see all available options for this module.

Options:

  • Set Itemid: Assign an ItemID for the display of the search results. Most of the Search configuration is located in the Contact Enhanced Search Menu Item, so you need to link to a menu item here.
    If you do not want to display the Contact Enhanced Search menu item, you can add it to a menu type that is not visible.
  • Box Label: Search text field label. This label is only visible for screen readers and when you hover the search field;
  • Box Width: Width of the search text field in characters. This is overridden by the CSS width if you use it (see below);
  • Box Text: Placeholder text in the search field;
  • Button position: Choose where you want to display the button. Default is Bottom. If you want to display the filters fields below each other, then choose Bottom.
  • Search Button Image: Use an image as button. This image has to be named searchButton.gif and must be located in templates/*your template name*/images/
  • Button Text: The text that appears in the search button. If left blank, it will load the 'searchbutton' string from your language file.
  • CSS Code: You can add any CSS rule to load with the page. This way you can easily customize the form.  By default there is CSS code field with a CSS rule to make the fields take 95% of the horizontal space. Feel free to change it or remove this rule. If you want to load the fields on the right of each other just replace that CSS rule with this one:
    #mod_ce_search_form .inputbox{margin-right:5px}
  • Category: You can allow your users o search within the selected categories only;
  • Filter: Choose which fields you want to display to allow your users to filter;

 

Contact Slideshow

Contact Enhanced slideshow exampleDescription

This module allows you to create a slideshow of contacts; You might follow along with this better if we show you how we've made the front-end of the module looks like (the image on the right is for demonstration purposes. Screenshot was taken from an user's website with custom CSS styling).

Requirements

  1. Have Contact Enhanced Component installed;
  2. Have created at least one category and one contact;
  3. Install the module in the standard Joomla way through the extension manager.

Read more: Contact Slideshow

Category Module

Description

With this new module we can display the contents of a category in a list layout. We can also display multiple categories.

Requirements

  1. Have Contact Enhanced Component installed;
  2. Have created at least one category and one contact;

Read more: Category Module

Feedback Plugin

CE FeedbackThe CE Feedback is a plugin that adds a Feedback image to the side of your site and when clicked it loads a feedback form using Contact Enhanced to allows any website user to leave a comment on your site. It loads in a modal window using Joomla default's MooTools modal window (SqueezeBox), so if your customer have a question about a particular page he can submit a feedback form without ever leaving the page.

For more info, please go to the CE Feedback page;

JCE Advanced Links

Description

The extension integrates with JCE (Joomla Content Editor) and allows you to create links to:

Custom Code Plugin

Description

The Contact Enhanced Custom Code plugin is a flexible plugin that allows you to write custom PHP code in order to change nearly any Contact Enhanced form behavior.

Requirements

  • Have already installed the Contact Enhanced FULL package:
  • Some PHP knowledge;

Basic Usage

Write your PHP Custom Code and upload to the paths provided in the basic options. The PHP file will appear in the dropdown when it is uploaded to the proper path.

Read more: Custom Code Plugin


Newsletter

captcha

Connect with us

We're on Social Networks. Follow us & get in touch.
You are here: Start page