{"id":1621,"date":"2025-04-20T03:09:43","date_gmt":"2025-04-20T03:09:43","guid":{"rendered":"https:\/\/chinaitechpay.com\/blog\/?p=1621"},"modified":"2025-04-20T09:39:17","modified_gmt":"2025-04-20T09:39:17","slug":"how-to-adding-chinaitechpay-website-to-macbook-dock-and-menu-bar","status":"publish","type":"post","link":"https:\/\/chinaitechpay.com\/blog\/how-to-adding-chinaitechpay-website-to-macbook-dock-and-menu-bar\/","title":{"rendered":"How to Adding ChinaitechPay Website to MacBook Dock and Menu Bar"},"content":{"rendered":"<p>Here&#8217;s how to add quick access to your ChinaitechPay website on a MacBook:<\/p>\n<h2>Method 1: Add to Dock as a Web App<\/h2>\n<h3>Using Safari:<\/h3>\n<ol start=\"1\">\n<li><strong>Open Safari<\/strong>\u00a0and navigate to\u00a0<a href=\"https:\/\/chinaitechpay.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/chinaitechpay.com<\/a><\/li>\n<li>Click on\u00a0<strong>&#8220;File&#8221;<\/strong>\u00a0in the menu bar &gt;\u00a0<strong>&#8220;Add to Dock&#8221;<\/strong><\/li>\n<li>In the pop-up window:\n<ul>\n<li>You can edit the name (default is the page title)<\/li>\n<li>Click\u00a0<strong>&#8220;Add&#8221;<\/strong><\/li>\n<\/ul>\n<\/li>\n<li>The site will now appear in your Dock as a clickable icon<\/li>\n<\/ol>\n<h3>Using Chrome:<\/h3>\n<ol start=\"1\">\n<li><strong>Open Chrome<\/strong>\u00a0and go to\u00a0<a href=\"https:\/\/chinaitechpay.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/chinaitechpay.com<\/a><\/li>\n<li>Click the\u00a0<strong>three-dot menu<\/strong>\u00a0(\u22ee) in the top-right &gt;\u00a0<strong>&#8220;More Tools&#8221;<\/strong>\u00a0&gt;\u00a0<strong>&#8220;Create Shortcut&#8221;<\/strong><\/li>\n<li>Check\u00a0<strong>&#8220;Open as window&#8221;<\/strong>\u00a0if you want it to open separately from Chrome<\/li>\n<li>Click\u00a0<strong>&#8220;Create&#8221;<\/strong><\/li>\n<li>The shortcut will appear in your Dock automatically<\/li>\n<\/ol>\n<h2>Method 2: Add to Menu Bar (Using Fluid App)<\/h2>\n<p>For more advanced integration that includes menu bar access:<\/p>\n<ol start=\"1\">\n<li><strong>Download Fluid<\/strong>\u00a0(free or paid version) from\u00a0<a href=\"https:\/\/fluidapp.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/fluidapp.com<\/a><\/li>\n<li>Launch Fluid and enter:\n<ul>\n<li>URL:\u00a0<a href=\"https:\/\/chinaitechpay.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/chinaitechpay.com<\/a><\/li>\n<li>Name: ChinaitechPay<\/li>\n<\/ul>\n<\/li>\n<li>Choose an icon:\n<ul>\n<li>Use default or drag\/drop a custom .icns file<\/li>\n<\/ul>\n<\/li>\n<li>Under\u00a0<strong>&#8220;Behavior&#8221;<\/strong>:\n<ul>\n<li>Check &#8220;Pin to Dock&#8221;<\/li>\n<li>Check &#8220;Show in Menu Bar&#8221;<\/li>\n<\/ul>\n<\/li>\n<li>Click\u00a0<strong>&#8220;Create&#8221;<\/strong><\/li>\n<li>The app will now:\n<ul>\n<li>Appear in your Applications folder<\/li>\n<li>Be available in Dock<\/li>\n<li>Show in menu bar for quick access<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h2>Method 3: Using AppleScript (For Advanced Users)<\/h2>\n<p>Create a script that opens the site in a dedicated window:<\/p>\n<ol start=\"1\">\n<li>Open\u00a0<strong>Script Editor<\/strong>\u00a0(in Applications &gt; Utilities)<\/li>\n<li>Paste this code:<\/li>\n<\/ol>\n<div class=\"md-code-block md-code-block-light\">\n<div class=\"md-code-block-banner-wrap\">\n<div class=\"md-code-block-banner md-code-block-banner-lite\">\n<div class=\"_121d384\">\n<div class=\"d2a24f03\"><span class=\"d813de27\">applescript<\/span><\/div>\n<div class=\"d2a24f03\">\n<div class=\"efa13877\">\n<div class=\"ds-button ds-button--secondary ds-button--text ds-button--rect ds-button--m\" tabindex=\"0\" role=\"button\">\n<div class=\"ds-button__icon\">\n<div class=\"ds-icon\"><\/div>\n<\/div>\n<p>Copy<\/p>\n<\/div>\n<div class=\"ds-button ds-button--secondary ds-button--text ds-button--rect ds-button--m\" tabindex=\"0\" role=\"button\">\n<div class=\"ds-button__icon\">\n<div class=\"ds-icon\"><\/div>\n<\/div>\n<p>Download<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<pre><span class=\"token keyword\">tell<\/span> <span class=\"token class-name\">application<\/span> <span class=\"token string\">\"Safari\"<\/span>\r\n    make new document <span class=\"token keyword\">with<\/span> properties <span class=\"token punctuation\">{<\/span>URL<span class=\"token punctuation\">:<\/span><span class=\"token string\">\"https:\/\/chinaitechpay.com\"<\/span><span class=\"token punctuation\">}<\/span>\r\n    activate\r\n<span class=\"token keyword\">end<\/span> <span class=\"token keyword\">tell<\/span><\/pre>\n<\/div>\n<ol start=\"3\">\n<li>Save as an application (File &gt; Export, format: Application)<\/li>\n<li>Drag the created app to your Dock<\/li>\n<\/ol>\n<h2>Tips for Better Integration:<\/h2>\n<ol start=\"1\">\n<li><strong>Custom Icon<\/strong>:\n<ul>\n<li>Right-click on the Dock icon &gt; &#8220;Get Info&#8221;<\/li>\n<li>Drag\/drop a custom .icns file onto the small icon in the info window<\/li>\n<\/ul>\n<\/li>\n<li><strong>Notification Badges<\/strong>\u00a0(Paid Fluid Feature):\n<ul>\n<li>Set up RSS feed monitoring for site updates<\/li>\n<li>Get badge notifications when content changes<\/li>\n<\/ul>\n<\/li>\n<li><strong>Menu Bar Controls<\/strong>:\n<ul>\n<li>With Fluid, you can add custom menu bar items for common actions<\/li>\n<li>Create JavaScript bookmarks that appear in the menu<\/li>\n<\/ul>\n<\/li>\n<li><strong>Login Persistence<\/strong>:\n<ul>\n<li>In Safari, enable &#8220;Always remember password&#8221; for the site<\/li>\n<li>In Chrome-based apps, enable &#8220;Continue where you left off&#8221;<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Here&#8217;s how to add quick access to your ChinaitechPay website on a MacBook: Method 1: Add to Dock as a Web App Using Safari: Open Safari\u00a0and navigate to\u00a0https:\/\/chinaitechpay.com Click on\u00a0&#8220;File&#8221;\u00a0in the menu bar &gt;\u00a0&#8220;Add to Dock&#8221; In the pop-up window: You can edit the name (default is the page title) Click\u00a0&#8220;Add&#8221; The site will now [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1319,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1621","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tech-guide"],"_links":{"self":[{"href":"https:\/\/chinaitechpay.com\/blog\/wp-json\/wp\/v2\/posts\/1621","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chinaitechpay.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/chinaitechpay.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/chinaitechpay.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chinaitechpay.com\/blog\/wp-json\/wp\/v2\/comments?post=1621"}],"version-history":[{"count":2,"href":"https:\/\/chinaitechpay.com\/blog\/wp-json\/wp\/v2\/posts\/1621\/revisions"}],"predecessor-version":[{"id":1625,"href":"https:\/\/chinaitechpay.com\/blog\/wp-json\/wp\/v2\/posts\/1621\/revisions\/1625"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/chinaitechpay.com\/blog\/wp-json\/wp\/v2\/media\/1319"}],"wp:attachment":[{"href":"https:\/\/chinaitechpay.com\/blog\/wp-json\/wp\/v2\/media?parent=1621"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/chinaitechpay.com\/blog\/wp-json\/wp\/v2\/categories?post=1621"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/chinaitechpay.com\/blog\/wp-json\/wp\/v2\/tags?post=1621"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}