This page is under construction... we should have it wrapped up before Thanksgiving. 本页面正在建设中... 预计在感恩节之前完成。

Even though customers transfer to RegNow when placing a order, it doesn't mean they have to view RegNow branded pages. You can maintain your own site's look and feel throughout the checkout process by using style ID's. A style ID is simply some stored HTML code that the system uses to recreate the look of your own site within RegNow. When a customer decides to check out, RegNow will display your branding on the checkout pages rather than its own. 即使客户在下达订单时会被转到RegNow页面，但这不代表他们所看到的必须是RegNow风格的页面。您可以通过页面风格ID使整个支付过程保持您自己网站的外观与体验。页面风格ID也即一些保存的HTML代码，供系统在RegNow中重现您自己网站的外观。 当客户决定支付时，RegNow将会在支付页面上显示您的页面风格，而非它自己的页面风格。

Creating a style ID requires some basic knowledge of HTML, or in the very least, you need someone to write it for you. The steps for creating a style ID follow: 页面风格ID的建立要求一些基本的HTML知识，或者您至少需要有其他人帮您写好。建立风格ID的步骤如下：

Design Considerations 设计构思

It's likely you already have a design in mind and it's probably something that matches your existing web site. If this is the case, think no further. If not, here are some things to consider when choosing a design: 很可能您脑海中已有大概的构思，而且这个构思大概与您的现有网站相搭配。如果是这样的话，请立刻行动吧。否则，在决定风格设计时，需要考虑几个方面：

• Width
  宽度
  
  Most people using the Internet these days use a screen resolution of 1024x768, but there are still a significant number of people using 800x600. You'll have to be the judge of your own customers, but it may be wise to keep your design within the width of 775 pixels. This guarantees that nearly everyone will see your order form clearly. Using widths of 100% will work, but will produce elongated forms for shoppers with resolutions higher than 1024x768.
  目前大部分网民都使用1024x768的屏幕分辨率，但是仍有相当多的人使用800x600。所以您得判断您自己的客户群，让您的设计宽度保持在775像素以内是明智的做法，这能保证几乎所有人都能清楚地看到您的订购单。使用100％宽度是可行的，但对分辨率高于1024x768的购买者而言，订购单将会被拉长显示。
• Code & Complexity
  代码和相容性
  
  While RegNow can handle very complex layouts, serve menus, images, CSS and JavaScript, we advise you to keep your code and the resulting imagery to a minimum. Our own internal testing has shown that the more complex and busy your pages are, the less likely it is that a customer will complete the order. We suggest that you maintain the basic look of your site, but remove all extraneous navigation or links to other places.
  虽然RegNow可以解决很复杂的页面布局、服务菜单、图像、CSS和JavaScript问题，但我们还是建议您保持您的代码和最终显示的图像最简单化。我们的内部测试显示，您的页面越复杂繁琐，客户完成订单的可能性就越小。我们建议您保持您网站的基本外观，但请把无关紧要的导航或链向其他地方的链接移除。

Flexibility 灵活性

There are two different checkout flows within RegNow - any style ID you create should be flexible enough to accommodate the forms for each flow. The original checkout flow includes pages for: RegNow中有两种不同的支付流程——您所建立的页面风格ID应有足够与每个支付流程相适应的灵活性。最初的支付流程包括的页面有：

• Billing and shipping information
  付款和运送信息
• Payment informaiton
  支付信息
• Thank you page
  感谢页面

The new checkout flow is shorter - instead of three pages, it has just two. The shopping cart, billing info, shipping info and payment info have been combined on one page and it's followed by a thank you page. 新的支付流程更为简略———它只有两个页面，而不是三个。购物车、付款信息、运送信息和支付信息已经整合到一个页面上，然后紧跟其后的是感谢页面。

The checkout flow that your customer sees will depend on the product s/he purchases. Your style ID's should be flexible to accommodate the forms in either flow. The old flow contains very basic forms, all left aligned and not very wide. The form in the new flow is somewhat complex and could display poorly if you create a style that's too narrow or too wide. The new form also uses CSS for most of its attribute definition. 您客户所看到的支付流程由他或她所购买的产品决定。您的页面风格ID应有与每个流程中的表相适应的灵活性。旧的流程包含非常基本的表格，所有表格都是排成一行而且不会太宽。新流程中的表格稍微有点复杂，而且如果您建立的页面风格过窄或过宽，可能显示的效果比较差。新表格也利用CSS来定义其属性。

Here are some examples of both flows and forms. The first page is a product detail page. Click the Order Now button to see the checkout form. You'll need to entirely close your browser after viewing one flow or the other. If you view the new flow and forget to close the browser, you'll still see the new flow even when you click the links for the old flow. 这里是两个流程和表格的一些示例。第一页是产品详情页面，通过点击Order Now按钮查看支付表格。您在浏览其中一个流程后需要关闭您的所有浏览器以查看另一流程。如果您在查看新流程时忘记关闭浏览器，那么尽管您点击旧流程的链接，所看到的仍是新流程。

Create Your Style ID 建立您的页面风格ID

If you've already designed your style and written the HTML, you can follow the directions here to create your style ID. Remember, a style ID can be thought of as a wrapper. It wraps around the page content so you only want to include HTML code for things like headers, navigation bars, left or right gutters and footers. 如果您已经设计好您的页面风格，并写成了HTML代码，那您可以按照这里的指引建立您的风格ID。记住，页面风格ID可以看作是外包装，它把页面内容都包装起来，这样您只需包含如页首、导航栏、页左栏或页右栏和页尾这些HTML代码。

1. Log in to RegNow if you haven't done so already.
   如果您还没登录，请登录RegNow。
2. Click the Style Manager link in the left-hand menu. This will display the editing window.
   点击左选单中的Style Manager链接。
3. Click the Add button to add a new style. The page will refresh after adding a new, default style to your dropdown list.
   点击Add按钮以添加新的页面风格。页面在向您的下拉列表添加新的初始默认页面风格后自动更新。
4. Now select the New Style entry from your dropdown list.
   现在从您的下拉列表中选择New Style输入框。
5. Click the Edit button to begin edting your new style.
   点击Edit按钮以开始编辑您的新页面风格。
6. Next give your style ID a name. It might be helpful to include the style ID in the name so that it's easy to spot in your dropdown list.
   下一步为您的页面风格ID命名。在名称输入框中为您的页面风格ID起一个名字有利于您在下拉列表中查找。
7. The next two large entry fields are where you place the HTML code for your style. The upper entry field contains all the HTML that comes before the content area. This might include a header, a navigation bar and/or a left gutter.
   以下的两大输入框是供您放置页面风格的HTML代码。上面的输入区域包含所有内容前的HTML，可以是页首、一个导航栏和/或一个页左栏。
8. The lower entry field contains all the HTML that comes after the content area. This might include a right gutter and a footer.
   下面的输入区域包含所有内容后的HTML，可以是页右栏和页尾。
9. The next six entry fields allow you to specify special styles or tags to three different elements of the style: headings, body elements and labels.
   接下来的6个输入框让您可以为页面风格的三种不同元素指定特定的风格或标记符。
   
   
   
   • Begin/End Header
     页首开始或结束
     
     These allow you to specify the tags that should enclose any headings used on the page. We suggest you use standard HTML heading tags such as <h3> and </h3> or <div> tags because both of these force new lines after them.
     这些让您可以指定那些应该结束网页上的所有标题的标记符。我们建议您使用标准的HTML标题标记符，如 <h3>和</h3>或<div>标记符，因为在它们之后都强加新行。
   • Begin/End Body
     内容开始或结束
     
     This option is a bit misleading. One might assume that the tags or style you specify here might only be applied once to the <body> tag, but that is not the case. The styles you specify here will be applied to every element within the body. This option is really left over from days where font styles were specified for every span of text. Since it is no longer necessary to do that, we recommend that you leave these blank.
     这个选项有点易误解。有些人会误认为在这里指定的标记符或页面风格可能只应用到<body>标记符一次，但事实并非如此。您在这里所指定的页面风格将会应用到正文里面的所有元素当中。自从字体风格被用于定义每个区域的文本，这个选项确实被遗弃很长时间了。既然这个选项也不再需要，我们建议您在此处留空白。
   • Begin/End Labels
     标签开始或结束
     
     These entry fields let you specify the font styles for any labels in the forms. The most common entries we see here are <b> to begin a label and </b> to end a label. Do not use heading tags or div tags here as those will force new lines.
     这个输入框供您为表格中的任何标签指定字体风格。我们在这里看到的最常见的条目是标签开始的<b>和标签结束的</b>。请不要在这里使用标题标记符或div标记符，因为这些将强加新行。

After entering all of the information above. Click the Save button at the top of the page. The page will refresh once the system has saved your work. 在输入以上所有信息之后，点击页首上方的Save按钮。一旦系统保存了您的操作，该页面将自动更新。

You can view your new style by clicking the View Style button as well. This is handy if you're trying different colors and want to quickly see how things look. To make sure your style is working completely however, view it using real product data and from as many different browsers as possible. It may look great in one, but awful in another. Simplifying your code will help alleviate the most common cross-browser display issues. 您还可以通过点击View Style按钮查看您的新页面风格。如果您正尝试使用不同的色调以及想快速查看外观， 这个是很方便的。但是，如果要保证您的页面风格显示完全正常，请使用真实的产品数据查看，并尽可能多地使用各种不同的浏览器。它可能在一种浏览器中显示很好，但在另一种中却显示很差。简化您的代码有助于减少多个浏览器显示的最常见问题。

To view your style with real product data, copy this link, paste it into your browser and change the numbers 12345 to your own style ID: http://www.regnow.com/softsell/nph-softsell.cgi?item=12647-1&styleid=12345 要查看您的有真实产品数据的页面风格，请复制本链接，并粘贴到您的浏览器中，同时把12345数字改为您自己的页面风格ID： http://www.regnow.com/softsell/nph-softsell.cgi?item=12647-1&styleid=12345

Styles You Can Customize 您可以客制化的页面风格

To make things easier, we've created a handful of different styles you can use or modify! Just download any of the HTML files you see here, change the code for your own needs, enter the code into a new style ID for your account and begin using it today! Note that these styles use cascading style sheet styles to define nearly all their attributes. If you're not familiar with CSS, this might make things a bit confusing. However, CSS is fairly easy to understand so pick up a book, read a chapter or two and you'll likely know everything you need to change colors, fonts, font sizes, table widths, background images and more without any trouble. 为了减轻您的工作，我们已经建立了一些供您使用或修改的不同页面风格！您只需下载这里的任何HTML文件、根据您自己的需要修改代码和在您账户中的新页面风格ID中输入代码即可开始使用！注意这些页面风格都是使用层叠式样式表来定义几乎所有属性。如果您不熟悉CSS，这可能会使这些东西有点混乱。然而，CSS是非常易于理解的，所以请拿起一本书阅读1至2章，您很可能就已经了解如何顺利地更改颜色、字体、字体大小、表格宽度、背景图像和其他更多所需要的知识。

Coming Shortly! 即将诞生！