Creating a Web-to-Lead Form (Part 1)

For those who follow my blog you might remember that I previously mentioned that I have been tinkering with force.com sites. Someone recently asked me to how to create Web-to-lead forms so I thought it would be great idea to go over this process in the next few posts. Implementing these forms on your force.com site will allow a company to capture a prospective customers information. In order to do this we need to create a custom contact page. This will show up when prospective customers  submit their information.

Ultimately we will have to create two Visualforce pages...in these post we will go over the 1st one which is need to display the confirmation. First you need to click 'Setup', then 'Develop', and finally 'Pages'. For the Label I suggest entering 'Thank You Page' and for the Name I suggest entering 'ThankYou'....that being said you can enter whatever you feel is appropriate. The last step is to replace the existing the Visualforce markup with the following (again you can change the title and message to what you feel is appropriate):

01        <apex:page title="Information Request" 

02                              showHeader="false" standardStylesheets="true">

03       <apex:composition template="{!$Site.Template}">

04         <apex:define name="body">

05             <br/>

06             <center>

07             <apex:outputText value="Thank You For Your Inquiry!"/>

08             </center>

09             <br/>

10             <br/>

11         </apex:define>

12       </apex:composition>

13    </apex:page>

After this is done you have to extend the standard controller in place to redirect the would be users to a custom contact page when they submit information. We have to do this because as a default Salesforce.com makes it so the standard controller directs the user to the standard detail page after saving the related record. However these standard detail pages can not be made public on via regular sites.

In the next post we will go over how to direct the users to a custom Visualforce page by creating an extension for the standard controller. Please try to control your anticipation until then...        

Adding Pages to the Customer Portal

In the last post we went over the basic layout and structure of creating a customer portal from a standard page. Now that we have this knowledge we can go ahead and add extra pages to our site. The following code, specifically the composite component, enables the page to use or previous site template:

<apex:page showHeader="false" standardStylesheets="true">
<apex:composition template="{!$Site.Template}">
<apex:define name="body">
<-- PAGE'S CONTENT GOES HERE -->
</apex:define>
</apex:composition>
</apex:page>

All the new pages will now utilize our template! However if you want to overwrite your existing templates data you will need to add a "apex:define" component with the same name attribute as the insert component in the template.

That being said in order to overwrite the body section of the template you will need to insert the following:

<apex:define name="body">
... PAGE'S BODY...
<apex:define>

Now you can customize the page to a certain extent if you don't want every page to follow the established template.

Building Customer Portals Via Force.com

I recently started playing around with force.com sites a lot more than usual as a means to build a customer portal for a new business I am starting with a few friends. I thought this could be a good avenue since I could create a customer portal that easily integrated with our CRM instance. And since I understand the language and given the ease of Visualforce technology the turnaround time would be rather quick.

Here is the layout of the force.com template:

(showHeader should be turned off so you won't see any Salesforce standard tabs or sidebar)
<apex:page showHeader="false" id="SiteTemplate" standardStylesheets="true">
(A section is reserved for header of the site)
<apex:insert name="header">
<c:SiteHeader />
<hr/>
</apex:insert>
(This section is where you can include the content of each page of your site)
<apex:insert name="body"/>
(A section is reserved for footer of the site)
<apex:insert name="footer">
<hr/>
<c:SiteFooter />
</apex:insert>
</apex:page>

The developers that I spoke to in my network recommended that follow the same pattern when developing my portal.

Things that should be included in the 'SiteHeader' component is the logo, log in and out links, headlines, and site navigation menu (This is done with code snippets...either extracted or some cases newly written). The same way, you can modify the 'SiteFooter' component to add your site's pages footer template. It is also recommend to include your site's shortcuts links and your company copy right message in this section.

Adding the shortcuts links  in the 'SiteFooter' section is very important...particularly if you want to utilize organic search. If you are using dynamic menus this will easily compensate for that.

Next post will demonstrate how to add new pages to the force.com site.

Logging into the Salesforce Sandbox

As I continue to learn Ruby I thought it would be prudent for me to start working on a RoR app. That being since yet to be classified as an expert in this type of development...it is definitely best to work on this app in the Salesforce sandbox. The sandbox allows you to create copies of your environments for development, testing and training, without compromising the data and apps in your production environment. In this post we will go over the multitude of problems people face in order to access the sandbox to test and develop the application.

To start you need to be aware that you won't be able to login from https://login.salesforce.com that's only for production. The correct move is to use the sandbox instance https://test.salesforce.com (or https://cs1.salesforce.com, https://cs2.salesforce.com, etc.). It should be clear that email@domain.com is your regular username, but the "sandbox" part is the actual name of your sandbox. So if you named your sandbox as "sandbox" you would login as joey@example.com.sandbox. If your user account was established after the sandbox was created then it won't be present. A simple sandbox refresh will add your account into the sandbox. This is a pretty common error.

If for some reason that does not work you may be trying to access the incorrect sandbox. Go to the production organization where you can login. Navigate to 'Setup', then 'Data Management', then 'Sandbox' and then click the 'Login' button next to the sandbox you wish you login to.

Another common problem users face is the situation when you are able to use your production password to log into the sandbox...but cannot use it to hook up to the API. As a standard Salesforce trusts users that come through the web UI. However in order to log in to the API, you will need to append an extra bit of user information to your password aka your Security Token.

You can reset this by going to 'Setup', then 'My Personal Information', then finally 'Reset MY Security Token'.

The token will get emailed to you - it will be some obscure alpha-numeric token. Copy this and paste it to the end of your password. For example if your password was 'awesome', and the token was XYZ987xyz, the credentials to pass through would be:

Login: email@domain.com.sandbox

Password: awesomeXYZ987xyz

Now go ahead and make as many mistakes as you like...I do it all the time.

Ruby and Salesforce Integration (Part 2)

Before we begin I have to bring up the fact that the Steelers did beat the Jets. I'm not on the same level of Nostradamus yet...but I'm getting close. When we left off at our last post we created four new Ruby files in our Salesforce directory. And as I previously mentioned we will be using code from Andrew (Super-Size) Interwebdiary to generate an easy login in function.

The following is the code for the extra file we will be using for the simple login:

client_auth_header_handler.rb

 1 require 'soap/header/simplehandler'

 2

 3 class ClientAuthHeaderHandler < SOAP::Header::SimpleHandler

 4   SessionHeader = XSD::QName.new("rn:enterprise.soap.sforce.com", "SessionHeader")

 5

 6   attr_accessor :sessionid

 7   def initialize

 8     super(SessionHeader)

 9     @sessionid = nil

10   end

11

12   def on_simple_outbound

13     if @sessionid

14       {"sessionId" => @sessionid}

15     end

16   end

17

18   def on_simple_inbound(my_header, mustunderstand)

19     @sessionid = my_header["sessionid"]

20   end

21 end

22

For the final portion of code used in the login you will need to change the username, password, and security token to fit your specifications (changes needed are highlighted in red). This code will fetch records from the Account object and post raw output on the screen.

test.rb

 1 require 'rubygems'

 2 gem 'soap4r'

 3 require 'soap/soap'

 4 require 'defaultDriver'

 5 require 'client_auth_header_handler'

 6 require 'soap/wsdlDriver'

 7

 8

 9 d = Soap.new

10 d.wiredump_dev = STDOUT

11

12 h = ClientAuthHeaderHandler.new         

# Create a new handler

13

14 l = d.login(:username => "USERNAME", :password => "PASSWORD" + "SECURITY_TOKEN")

15

16 d.endpoint_url = l.result.serverUrl       

# Change the endpoint to what login tells us it should be

17 h.sessionid = l.result.sessionId            

# Tell the header handler what the session id is

18 d.headerhandler << h                         

# Add the header handler to the Array of headerhandlers

19

20 d.getUserInfo("")  

21 d.query(:queryString=> "select id,name from account")

defaultDriver and client_auth_header_handler (the code from above) are assumed to be in the current directory.

As always you are going to want to test the code. Do this by going to the Ruby console, then the 'sfdc' folder and input the following command:

ruby test.rb

If you run into errors you are going to have look at more API calls in the API docs....which kind of drives me crazy. But sometimes that what it takes when learning new languages.

Next post we will start exploring Ruby and RoR.

Ruby and Salesforce Integration

With the announcement that Salesforce acquired the cloud platform Heroku I had to take a more vested interest in Ruby. Though I was aware of the capabilities of Ruby I would definitely consider myself a newbie with this type of programming. In order to jump on the bandwagon I started an extensive Ruby programming class which will allow me to build my skill set over the next couple of months.

That being said learning Ruby is great and all but the key is using it within the Salesforce platform. The next couple of posts will describe how we will use SOAP to integrate Ruby and Salesforce.

-First you need to install Ruby.  InstantRails 2.0 is radical.

-Access your developer account. Go to Setup->Develop->API then choose "enterprise.wsdl" and save it. Here is an example:

D:\RubyRails\rails_apps\sfdc\enterprise.xml

-Open the Ruby console and then install ‘SOAP4R’ by using this command:

gem install soap4r

You may get an error after running this command that reads "Errno::EADDRNOTAVAIL". This will happen if your Ruby gems are outdated. This is a simple problem to fix by going to the following site:

http://rubygems.org/pages/download  

-After downloading the gems send them to a directory. You can then access that directory from the command line.

-Install the gems with the following command:

ruby setup.rb

At this point everything should be properly installed and you should not run into any errors. Go to the directory where you saved the ‘enterprise.xml’ and use the following command:

ruby wsdl2ruby.rb --wsdl D:\RubyRails\rails_apps\sfdc\enterprise.xml --type client –force

If everything goes well there should be four new files in your Salesforce directory. First step is complete! Next post we will use a code generated from Andrew’s (Super-size) Interwebdiary to generate an easy login function.

Till then fingers crossed the Jets get smashed by the Steelers this weekend.

Visualforce Controllers

The holidays are officially over and now that I have had a few days to recuperate it’s time to get back to work. The application we have been creating is pretty much ready to go… Go back to the Scheduled Invoices tab, and create a new invoice with an effective date two months in the past. Set the Duration to six months; fill out the remaining fields, and click "Save." Mark one of your pending payments as paid and you should now see three lists of payments: Past Due, Pending, and Paid. Granted this application is quite simple…but it was completed in a fraction of time and cost it would take for a traditional application.

So now that the first series of posts have been completed I wanted to jump into Visualforce Controllers. If you remember from previous entries a major component of how our application was rendered was through the use of Visualforce pages. Well a Controller is just Apex Code that analyzes and writes data in the force.com database. Also I need to make sure my blog is longer than a paragraph.

When working with Salesforce it is often required that you will need to display data from the force.com database or even insert data in database variables. Controllers can do these sorts of tasks much more quickly. There are two methods of the Controller that interact with the database variables. The ‘Getter’ method takes the value of the variables and displays it on the Visualforce page. The “Setter” method allows the developer to change the value of the variable using different Visualforce components. These methods operate similarly to the Getter and Setter methods in Java and C++.

A nice thing about the force.com platform is that it provides Standard Controllers, which are basic default controller that have already been implemented.  Though somewhat limited in functionality, you can perform certain changes to the native interface like editing records. Also you can use Apex classes to customize the controller.

My preferred method to the aforementioned Controllers is to create a Custom Controller that is completely user defined. The following is an example of a basic Custom Controller:

Page Code:

<apex:page controller="MyController">
   <apex:form>
         Name: <apex:inputText value="{!name}"/>
        <apex: outputText value="{!mssg}"/>
        <apex:commandLink action="{!Display}" value="Show Message" />
   </apex:form>
</apex:page>

MyController Code:

public class MyController{

      public String name {get ; set;}
      public String mssg {get ; set;}
      public PageReference Display() {
           mssg=’Time To Be Awesome’ + name;
           return null;
      }
}

Awesome!